时间戳

首页 > 解决方案 > 带有动态更改编辑器的 Kendo UI 内联编辑

javascript - 带有动态更改编辑器的 Kendo UI 内联编辑

问题描述

我在这个演示中有两列

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

我想在更改Editor下拉列表值时更改列（从Setting Type列）。例如，如果用户从下拉列表中选择日期Editor，则列字段应更改为date picker。

谁能帮我解决这个问题？我已经坚持了一周。感谢你的帮助。这是一个演示：DOJO中的演示

标签： javascriptjquerykendo-uikendo-dropdown

解决方案

一种选择是切换到 incell 编辑模式（https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable），以便在创建 settingDefaultValue 的编辑器时，设置类型已设置。

第二个选项是绑定到 typeEditor 的 change 事件并重新创建设置默认值的编辑器。目前，我认为 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 实际上就是值绑定的作用。

推荐阅读