2015-12-22 90 views
1

我想創建一個Kendo Angular網格控件在我的頁面上用特定列上的複選框列表過濾器(列配置可過濾:{multi:true}沒有幫助。)該列的值。我需要實現的自定義過濾器是一個複選框列表,如下面的連線框(現在只有第一列和過濾器是焦點)。 enter image description hereKendo UI Angular Grid複選框列表自定義過濾器

列表中黃色突出顯示的項目是過濾器項目。我沒有看到任何開箱即用的功能來啓用此功能。我已經嘗試使用像下面的Kendo多選控件來實現這一點。

$scope.registryTypeFilter = function (element) { 
 
     var menu = $(element).parent(); 
 
     menu.find(".k-filter-help-text").text("Show records for people working as:"); 
 
     menu.find("[data-role=dropdownlist]").remove(); 
 

 
     var multiSelect = element.kendoMultiSelect({    
 
      dataSource: _.uniq(_.pluck($scope.automationQueueItems.data(), 'RegistryType')), 
 
      itemTemplate: "<input type='checkbox' />(<label ng-bind='\'data.RegistryType\''></label>)", 
 
      tagTemplate:"$scope.dataItem" 
 
     }).data("kendoMultiSelect"); 
 

 
     menu.find("[type=submit]").on("click", { widget: multiSelect }, filterByRegistryTypeAutomationQueue); 
 
    }

但多選擇控制是不是需要什麼。有沒有人試過之前?

回答

0

我使用的是舊版本2014.x.x.新版本2015.x.x支持可篩選:{multi:true}。升級到最新版本。那是我解決問題的方法。

相關問題