alexklibisz / angular-dual-multiselect-directive Goto Github PK
View Code? Open in Web Editor NEWA simple dual multiselect directive with filtering. Uses Angular and Bootstrap.
angular-dual-multiselect-directive's People
Contributors
Stargazers
Watchers
Forkers
hxlniada saadnasslahsen joomramirez johnrix catamaican soltrinox feiman ming86 niconorsync jerieshg roneigualberto gopisathya woflow yuriprotasio nitingupta4040 anjali07-bvangular-dual-multiselect-directive's Issues
Can't disable this dual multi select box
I want to disable this checkbox on some click button but can't able to do that.
IE Browser is getting hang while binding more than 5000 records
dual_multi_select.txt
Hi,
We are facing the issue while opening the modal popup on IE with Dual multi select binding. The Browser is getting hanged while loading the popup. please find the code as below,
var a;
a = angular.module("dualmultiselect", []), a.directive("dualmultiselect", [function () {
return {
restrict: 'E',
scope: {
options: '='
},
controller: ['$scope', function ($scope) {
$scope.transfer = function (from, to, index, canTransfer) {
if (canTransfer === false)
return false;
if (index >= 0) {
to.push(from[index]);
from.splice(index, 1);
} else {
for (var i = 0; i < from.length; i++) {
to.push(from[i]);
}
from.length = 0;
}
};
}],
template: '<div class=row><div class="col-lg-6 col-md-6 col-sm-6"><div class=employee-wrap><h4 class=mainHeader>{{options.labelAll}}</h4><div class=row><div class=wrap><div class=col-md-8><div class=input-group><span class="glyphicon glyphicon-search input-group-addon"></span> <input class=form-control ng-model="search.name" ></div></div><div class=col-md-4><button ng-show="false" class="btn btn-default btn-xs"ng-click="transfer(options.items, options.selectedItems, -1,item.canTransfer)" type=button>Select All</button></div></div></div><ul class=list-group><li class=list-group-item ng-repeat="item in options.items | filter:search:strict | orderBy: options.orderProperty" title="{{ item.canTransfer === false ? \'Cant Add: Member of \'+ item.memberOf +\' group\' : item.name }}"><span ng-class="{canTransfer: item.canTransfer === false }" >{{item.name}} </span><span class="glyphicon glyphicon-chevron-right list-arrows pull-right"ng-click="transfer(options.items, options.selectedItems, options.items.indexOf(item),item.canTransfer)" ></span></ul></div></div><div class="col-lg-6 col-md-6 col-sm-6"><div class=employee-wrap><h4 class=mainHeader>{{options.labelSelected}}</h4><div class=row><div class=wrap><div class=col-md-8><div class=input-group><span class="glyphicon glyphicon-search input-group-addon"></span> <input class=form-control ng-model="searchSeleectedTerm.name" ng-show=true></div></div><div class=col-md-4><button class="btn btn-default btn-xs"ng-click="transfer(options.selectedItems, options.items, -1,item.canTransfer)"type=button>Deselect All</button></div></div></div><ul class=list-group><li class=list-group-item ng-repeat="item in options.selectedItems | filter:searchSeleectedTerm:strict | orderBy: options.orderProperty"><span>{{item.name}} </span><span class="glyphicon glyphicon-chevron-right list-arrows pull-right"ng-click="transfer(options.selectedItems, options.items, options.selectedItems.indexOf(item),item.canTransfer)"></span></ul></div></div></div>',
};
}]);
Why not add this project to bower/npm ?
Very useful, Why not add this project to bower/npm ?
The objects from selectedItems are not removed from "items"
Reproduce: set both "items" and "selectedItems", where selectedItems shoud behave like a model ("selectedItems" contains initially only objects from "items")
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.