使用动态更改编辑器进行Kendo UI内联编辑

时间:2019-06-24 01:19:19

标签: javascript jquery kendo-ui kendo-dropdown

我有两列in this demo

  1. 设置类型(具有下拉列表)
  2. 编辑器(它包含列的值)

我想更改下拉列表值(从Editor列起)的Setting Type列。例如,如果用户从下拉列表中选择 日期 ,则Editor列字段应更改为date picker

有人可以帮助我解决此问题吗?我已经坚持了一个星期。感谢您的帮助。这是一个演示:DEMO IN DOJO

1 个答案:

答案 0 :(得分:0)

一种选择是切换到单元格编辑模式(https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable),以便在创建settingDefaultValue的编辑器时,设置settingType的值。

第二个选项是绑定到typeEditor的change事件,并重新创建用于settingDefaultValue的编辑器。目前,我认为grid.refresh()甚至不会被解雇,因为网格中有行可供编辑。在typeEditor更改事件中,e.sender将为您提供kendoDropDownList,类似e.sender.element.closest(“ tr”)。find(“ td:nth-​​child(2)”)的容器将为您提供放入编辑器。

再说一遍:使用data-bind =“ value:YourFieldHere”或带有options.model.set(“ YourFieldHere”,this.value())的变更处理程序,但您不必同时执行-设置YourFieldHere实际上就是value binding所做的事情。