Question

我有一个带有编辑按钮的kendo网格，我不知道怎么能得到它的id因为我需要val，在下面的代码我已经编写了编辑代码所以如何添加更多功能编辑？

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

                            dataSource: dataSource,
                            scrollable: false,
                            toolbar: ["create"],

                            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: 'TurbineId', title: 'TurbineId', width: '120px', hidden: true },
                                     { field: 'device_id', title: 'device_id', width: '120px', hidden: true },
                                     { field: 'ModelProducer', title: 'Producer/Model', hidden: true, editor: modelProducer },
                                     { command: ["edit"], title: "&nbsp;" }
                                     ],
        //                              {
        //                                  command: [
        //{
        //    name: "Edit",
        //    click: function (e) {
        //        temp = $(e.target).closest("tr"); //get the row

        //    }
        //}
        //                                  ]
        //                              }


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

                            }


                        });

Answer 1

由于您没有提供有关如何以及何时获取按钮的更多信息，因此我创建了一个演示，您可以在单击编辑按钮时获取按钮参考。事件类似于：

edit: function(e) {
    var $currentButton = $(this.tbody).find('tr[data-uid="' + e.model.uid + '"] td:last .k-button');
};

Demo

Answer 2

您可以在设置kendoGrid（）时附加单击事件回调。在你调用的javascript函数中，你可以访问网格的dataItem（它将包含dataSource使用的所有数据）。

$("#turbingrid").kendoGrid({
    columns: [ { command: [ { name: "Edit", click: "onClickFunc" ] } ]
});

function onClickFunc(e) {
    var grid = $("#turbingrid").getKendoGrid();
    var data = grid.dataItem($(e.currentTarget).closest("tr"));
    var deviceId = dataItem.device_id; // or whatever other property
}

我假设您正在尝试从您的dataSource行获取一个单击命令按钮的值。

如何获得Kendo编辑按钮val

2 个答案: