Kendo网格自定义编辑器下拉列表不反映选择

时间:2013-08-28 09:32:33

标签: javascript jquery drop-down-menu kendo-ui kendo-grid

我在dropdownlist上创建editor作为grid,它可以正常工作,但是当我点击下拉列表并选择一个项目然后点击其他地方时(丢失了下拉列表的焦点) ),所选项目没有反映到网格,我在选择之前看到文本(但实际上它被选中,当我点击同一项目时,我看到我选择的下拉列表中的项目)

以下是示例:

http://jsfiddle.net/uMws5/2/

如何让选择反映到网格?

1 个答案:

答案 0 :(得分:2)

我在Kendo网格中通常解决此问题的方法是创建可用选择项的查找,然后我可以使用它来检索要通过其ID在网格中显示的值:

 window.lookups = {};

 var userTypeLookup = window.lookups["user_type"] = {};
 $.each(user_type, function (idx, value) {
     userTypeLookup[value.typeid] = value.typename;
 });

在列模板中,我可以引用查找以获取显示值:

{
      field: "typeid",
      editor: userTypeList,
      template: '#= lookups["user_type"][typeid] #'
}

这是一个更新的小提琴,它实现了这种方法:http://jsfiddle.net/uMws5/4/