bootstrap-multiselect

Knockout custom binding for bootstrap select not updating viewmodel “selectedCategories/selectedCategory”

由 a 夏天 提交于 2019-12-12 17:01:49
问题 I am creating a knockout js custom binding that will allow me to use data-binding with bootstrap multiselect. I need it to work for single <select> 's and also multiselects <select multiple="true"> . I am doing it in this jsfiddle I have got it so that both single and multiselects can show the dropdown options and as new categories are added with the button, they show on the multiselect dropdown. I also want to update the viewmodels selectedItems which are _selectedCategory for the single

Bootstrap multiselect Uncaught TypeError: undefined is not a function

由 这一生的挚爱 提交于 2019-12-12 02:55:50
问题 I create test application with bootstrap-multiselect. But I can't open dropdown combobox. In page I get exeption:Uncaught TypeError: undefined is not a function (anonymous function) About:96jQuery.Callbacks.fire jquery-2.1.1.js:3073jQuery.Callbacks.self.fireWith jquery-2.1.1.js:3185jQuery.extend.ready jquery-2.1.1.js:3391completed. I can't decided this error <link href="~/Content/bootstrap.min.css" rel="stylesheet" /> <script src="~/Scripts/jquery-2.1.1.js"></script> <script src="~/Scripts

Bootstrap multiselect is not working when i bind the data from response in Angularjs

由 只愿长相守 提交于 2019-12-11 10:32:52
问题 Bootstrap multiselect is not working when i bind the data from response in Angularjs angular.module('ngvalueSelect', []) .controller('ExampleController', ['$scope','$http', function($scope,$http) { $http.get('https://reqres.in/api/unknown') .then(function (result) { console.log(result.data); $scope.exampleData = result.data; $scope.data = result.data; }) $scope.data = { availableOptions: [ {value: '001', name: 'Hello'}, {value: '002', name: 'integer'}, ] }; console.log( $scope.data ); }]);

How to create a Dynamic Bootstrap Multiselect

由 江枫思渺然 提交于 2019-12-09 14:19:42
问题 I am trying to use Bootstrap multiselect , I used the following code html <input type="text" id="addRow"/> <input type="button" id="btn" value="Add"/> <form id="form1"> <div style="padding:20px"> <select id="chkveg" multiple="multiple"> </select> </div> </form> and script $(function () { $('#btn').click(function () { var val = $("#addRow").val(); var htm = ''; htm += '<option>' + val + '</option>'; $('#chkveg').append(htm); }); $('#chkveg').multiselect({ includeSelectAllOption: true }); }); i

Bootstrap multiselect dropdown .val() not updating

由 两盒软妹~` 提交于 2019-12-07 08:25:33
问题 I have 3 drop downs which are cascading. Zone -- > Region --> Territory I am using Bootstrap multiselect drop downs. When i select the Zone drop down the respective regions are to be bound and simultaneously the newly bound regions' territories are to be bound to the territory drop down. Here is my drop-down initialisation code. $('#ddlZone').multiselect({ enableClickableOptGroups: true, enableCollapsibleOptGroups: true, enableFiltering: true, includeSelectAllOption: true, nonSelectedText:

Bootstrap multiselect dropdown .val() not updating

由 天涯浪子 提交于 2019-12-05 14:42:44
I have 3 drop downs which are cascading. Zone -- > Region --> Territory I am using Bootstrap multiselect drop downs. When i select the Zone drop down the respective regions are to be bound and simultaneously the newly bound regions' territories are to be bound to the territory drop down. Here is my drop-down initialisation code. $('#ddlZone').multiselect({ enableClickableOptGroups: true, enableCollapsibleOptGroups: true, enableFiltering: true, includeSelectAllOption: true, nonSelectedText: 'Select Zone', enableCaseInsensitiveFiltering: true, selectAllNumber: true, onChange: function(option,

How can I hide/show options on the fly with bootstrap-multiselect?

由 旧时模样 提交于 2019-12-05 13:09:02
I am using bootstrap-multiselect to give the user great controller over two key menus. My first menu is called groups and other called queues . Each option in the queues has an HTML5 data attribute (i.e. data-group="X", where X is a group-value) When the user selects a option/group from the groups menu, I want to find and hide every queue/option in the queues menu where data-group is not equal to a selected group in the groups menu. After identifying the queues/items that needs to be hidden/showing, I tried to use .show() and .hide() extensions. Then I tried to use .addClass('hidden') and

Boostrap multiselect select all checked by default

由 ￡可爱￡侵袭症＋ 提交于 2019-12-03 09:44:54
问题 i use bootstrap-multiselect (v0.9.8) with option includeSelectAllOption: true it is posible that select all to be checked by default when page is loaded? thx. 回答1: The following is taken from http://davidstutz.github.io/bootstrap-multiselect/, and I am currently using this solution with bootstrap 3.3.1 and bootstrap-multiselect v0.9.8 Be sure to add the false parameter to the 'selectAll' function as that permits you to select all the options without first opening the dropdown. Example HTML:

Boostrap multiselect select all checked by default

由 萝らか妹 提交于 2019-12-03 01:17:50
i use bootstrap-multiselect (v0.9.8) with option includeSelectAllOption: true it is posible that select all to be checked by default when page is loaded? thx. The following is taken from http://davidstutz.github.io/bootstrap-multiselect/ , and I am currently using this solution with bootstrap 3.3.1 and bootstrap-multiselect v0.9.8 Be sure to add the false parameter to the 'selectAll' function as that permits you to select all the options without first opening the dropdown. Example HTML: <select class="multiselect" id="my-multi-select" name="options[]" multiple="multiple"> <option>1</option>

bootstrap multiselect get value with Angular 2

由 送分小仙女□ 提交于 2019-12-01 12:13:48
问题 I want to get the value of the selected options in my multiselect dropdown list. But i do not get this done by ngModel.. Here the html: <div class="col-xs-offset-1 col-xs-3"> <form class="btn-group" id="select-form"> <select id="dropdown-list" multiple="multiple" [(ngModel)]="selectedObject"></select> <button type="reset" id="reset-button" class="btn btn-default"><span class="glyphicon glyphicon-refresh"></span></button> </form> </div> and here the the for loop which append options to the
订阅 bootstrap-multiselect