Question

我的网格被ajax调用，当我选择要编辑的行时，有一个名为“Device_Type”的字段，我想使用Ajax发送我选择的行设备类型的值来填充弹出窗口中的下拉列表编辑器，我该怎么写函数呢？

() -> ()

Answer 1

如果您只提供选择单行的功能，我的下面的函数将返回一列列及其指定的值。

function select(e){
   var selected = $.map(this.select(), function(item) {
      return $(item);
   });

   console.log(selected)
}

使用我的实现的工作示例查看Dojo ... http://dojo.telerik.com/EpeROQ

编辑（以容纳问题）：

$("#turbingrid").kendoGrid({
                        //   debugger;

                        dataSource: dataSource,
                        scrollable: false,                          
                        columns: [
                                 { field: 'DeviceIP', title: 'DeviceIP', width: '100px', id: 'DeviceIP' },
                                 { field: 'Producer', title: 'Producer', width: '80px', editor: ProductNameDropDownEditor, },
                                 { field: 'Model', title: 'Model', width: '220px' },
                                 { field: 'DeviceType', title: 'DeviceType', width: '100px',editor: deviceTypesList  },
                                 { field: 'Description', title: 'Description', width: '220px' },
                                 { field: 'Username', title: 'Username', width: '120px' },
                                 { field: 'Password', title: 'Password', width: '100px' },
                                 { field: 'PublicIP', title: 'PublicIP', width: '120px' },
                                 { field: 'device_id', title: 'device_id', width: '120px',hidden:true },
                                 { command: ["edit"], title: "&nbsp;" }],
                        editable: "popup",
                        selectable : true,
                        change : select,
                        //edit:
                        //    function () {
                        //        document.getElementsByName("DeviceIP")[0].disabled = true;

                        //    },

                            edit: function(e) {
                                e.container.find("label[for='device_id']").parent().hide();
                                e.container.find("div[data-container-for='device_id']").hide();
                            }                                                                                  
                    });

您的网格创建应该如下所示

span {
  background-color: red;
  padding: 10px;
  transition: all 1.5s ease;
  color: white;
}
.change-color {
  background-color: blue;
}

编辑2：只是看看Demos，看看这个我稍微修改过的Dojo，因为它可以帮助你了解如何实现这个事件。确保打开开发人员工具以查看console.log http://dojo.telerik.com/osIHU

为网格中的选定行创建了一个Function

1 个答案: