2015-08-24 6 views
0

Я использую Bootstrap Multiselect с enableCollapsibleOptGroups: true, позволяя переключаться все опции в optgroups при щелчке по заголовку группы optgroup. В некоторых случаях мне нужно предварительно выбрать параметры, которые могут означать, что выбраны все параметры в optgroup. Тем не менее, я не могу понять, как проверить флажок optgroup header, если это так. Я могу получить все опции в выбранной группе optgroup, но не флажок optgroup header. Это заставляет пользователя дважды щелкнуть его, чтобы отменить выбор всех опций в этом optgoup. Я могу указать в скрытом поле, в котором у optgroups есть все параметры, но я не смог выяснить, как проверить флажок optgroup header. Какие-либо предложения? enter image description hereBootstrap Multiselect - Check Optgroup Checkbox

$("select[id$='ddlLocation']").multiselect({ 
     enableCollapsibleOptGroups: true, 
     includeSelectAllOption: true, 
     maxHeight: 200, 
     onDropdownHide: function (event) { 
      $("select[id$='ddlLocation']").multiselect("updateButtonText"); 
      $("select[id$='ddlLocation']").multiselect("updateSelectAll"); 
      var arrLocations = []; 
      var locations = $("#ddlLocation option:selected"); 
      $(locations).each(function(index, location){ 
       arrLocations.push([$(this).val()]); 
      }); 
      if (arrLocations.length > 0) { 
       $("input[id$='hdfLocationIds']").val(arrLocations); 
       var prm = Sys.WebForms.PageRequestManager.getInstance(); 
       prm._doPostBack("btnParticipantLookup", 'getUserCnt'); 
      } 
     } 
    }); 
    var locationIds = $("input[id$='hdfLocationIds']").val(); 
    if (locationIds.length > 0) 
    { 
     $("select[id$='ddlLocation']").multiselect("select", locationIds.split(",")); 
    } 

ответ