2016-02-07 20 views
0

我需要在分组DropDownList中的复选框 我添加了使用各种示例模板的复选框,但分组样式已损坏。 DropDownList也支持Groups的正确复选框模板是什么?如何支持DropDownList复选框模板中的分组

+0

你对分组的'DropDownList'有什么意思?你能显示你的代码吗? –

回答

0

除非您发布代码或更多细节,否则很难给出具体细节,但通常您的情况可能并且容易实现。您只需选择您的模板,然后将要分组的字段放在下拉列表的数据源声明中。

$("#dropdownList").kendoDropDownList({ 
     dataTextField: "text", 
     dataValueField: "value", 
     template: $("#CheckboxTemplate").html(), 
     dataSource: { 
      data: data, 
      group: { 
       field: "color" 
      } 
     } 

我创造出的剑道DDL与复选框组的一个例子的小提琴: http://jsfiddle.net/qfb02x0v/6/

这里是一些额外的信息。此文档适用于组合框,但其工作方式与下拉列表完全相同。 http://docs.telerik.com/kendo-ui/controls/editors/combobox/grouping

如果你想让列表保持打开并允许多选,我建议使用多选控件而不是下拉列表。我创建了一个新的小提琴演示: http://jsfiddle.net/754qb972/

+0

这正是我需要的 - 谢谢。 – user1746044

+0

Ooops还有一个问题 - 第一次点击任何复选框会提前关闭,我在“http://jsfiddle.net/MNqaT/42/”使用“_blur:function(){}”看到了一个修复,但是它似乎并没有在这里工作。 – user1746044

+0

这听起来像你可能想要多选控件而不是下拉菜单。我用一个演示多选的新JSFiddle更新了我的答案。 – Ageonix