Dynamic 使用Kendo.Observable（）对象在剑道UI中为动态网格创建自定义编辑弹出窗口？

有人能告诉我，下面的场景可以用剑道UI实现吗

我正在制作一个动态网格。因为我的数据源是动态的。 然后我需要一个自定义的编辑更新字段弹出窗口

在hear中，我做的是创建一个新的

kendo.Observable（）

对象，创建输入字段，然后尝试绑定为模板接收的数据

<script type="text/x-kendo-template" id="myCustomPopup">
    #console.log(data);#
    <div id="mySecondCustomPopup">
        <table data-template="myCustomFieldsTemplate" data-bind="source: dataField"></table>
    </div>
</script>

<script type="text/x-kendo-template" id="myCustomFieldsTemplate">
 // in here I try to make field using kendo.Observable() object
<script>

但这种方法不起作用。 有人能告诉我有什么方法可以做到这一点吗

如果您需要更多信息，我可以更新此。。 多谢各位

编辑

更新代码： 这是我的动态网格

var grid = $("#grid").kendoGrid({
dataSource: new kendo.data.DataSource({ // this will be dynamic data       source}),
editable: {
                mode: "popup",
                template: kendo.template($("#myCustomPopup").html())
            },



columns: leadFields });

这是我的自定义模板

<script type="text/x-kendo-template" id="myCustomPopup">
    #console.log(data);#
    <div id="mySecondCustomPopup">
        <table data-template="myCustomFieldsTemplate" data-bind="source: dataField"></table>
    </div>
</script>

<script type="text/x-kendo-template" id="myCustomFieldsTemplate">
 // in here I try to make field using kendo.Observable() object
<script>

如果我对此进行更多解释，我会尝试通过

kendo observable

对象绑定不同的视图模型来更新弹出窗口。 我可以这样做吗？

网格选项允许您自定义弹出编辑器。以下是一些示例代码：

<script id="popup-editor" type="text/x-kendo-template">
  <h3>Edit Person</h3>
  <p>
    <label>Name:<input data-bind="value:name" /></label>
  </p>
  <p>
    <label>Age:<input data-role="numerictextbox" data-bind="value:age" /></label>
  </p>
</script>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: "edit" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  editable: {
    mode: "popup",
    template: kendo.template($("#popup-editor").html())
  }
});
</script>

编辑人

姓名：


年龄：

$（“#网格”）.kendoGrid({
栏目：[
{字段：“名称”}，
{字段：“年龄”}，
{命令：“编辑”}
],
数据源：{
数据：[
{id:1，姓名：“Jane Doe”，年龄：30}，
{id:2，姓名：“John Doe”，年龄：33}
],
模式：{
模型：{id:“id”}
}
},
可编辑：{
模式：“弹出”，
模板：kendo.template（$（“#弹出编辑器”）.html（）
}
});

在我的情况下，这种方法不适合。因为我的数据源是动态的。这里有静态场。我的领域是动态的。我想知道的是，我是否可以触发一个更新弹出窗口，并将一个“kendo.Observable（）”对象绑定到该更新弹出窗口？我在问题中添加了一些代码。这对你会有帮助的。我还有一个问题。你能看看这个吗。。。