2017-08-28 92 views
1

我有一個kendo網格與編輯按鈕裏面,我不知道我怎麼能得到它的id,因爲我需要val,在下面的代碼中我已經寫了代碼編輯如何添加更多功能來編輯?我怎樣才能得到Kendo編輯按鈕瓦爾

 $("#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: " " } 
            ], 
     //        { 
     //         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(); 

          } 


         }); 
+0

什麼意思是「如何添加更多的功能來編輯」,你是指更多的功能,當按鈕被點擊或? – Adriani6

+0

@ Adriani6 yeas我想盡快點擊編輯按鈕{do .....} – mrslt

回答

0

由於你沒有提供的,當你想要得到的按鈕,我創建了一個演示,你可以得到該按鈕引用點擊編輯按鈕時,如何和更多信息。事件是這樣的:

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

Demo

+0

感謝您的演示,但現在如何才能找到這個編輯按鈕是否被點擊? – mrslt

+0

@mrslt只有點擊按鈕時纔會觸發。 – DontVoteMeDown

+0

我在那裏更新了我的問題,請看看編輯部分,我已經有一些標籤,也可能添加你寫的功能? @DontVoteMeDown – mrslt

0

建立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行中獲得一個值,該行命令按鈕被點擊。