Kendo UI 网格行模板命令

Question

我在 KendoUI Grid 中有要求，我有第一列作为checkbox 的命令模板，因此在其onclick 事件中，我想获取同一选定行的所有列的值和 ID。下面是我的网格的列部分

columns: [                            
    {command: "", template: '<input type="checkbox" id="check-all" onclick="chkboxclicked(this)"/>', width: "15" },
    { field: "Hours", template: '<input type="textbox" id="txthours" style="width:70px;"/>', width: "30" },
    { field: "OT Hours", template: '<input type="textbox" id="txtOThours"  style="width:70px;"/>', width: "30" },
    { field: "SkillName", title: "Skill", width: "50" },
    { field: "UserName", title: "Technician", width: "65" },
    { field: "StartTimeString", template: '<input type="datetime" id="txtLaborstartdate" style="width:200px;"/>', title: "Start Date time", width: "75" },
    { field: "EndTimeString", template: '<input type="datetime" id="txtLaborEnddate" style="width:200px;"/>', title: "End Date time", width: "75" }
]

我还附上了screenshot以获取更多详细信息，请告诉我如何完成。

Answer 1

试试这个，

Function chkboxclicked(obj){
       var id = $(obj).attr('id');
        var IsChecked = $(obj).is(':checked');
        var rowIndexchild = $(this).parent().index();
        var cellIndexchild = $(this).parent().parent().index();
         var grid = $("#YourGridName").data("kendoGrid");

       var datatItem = grid.dataItem(grid.tbody.find('tr:eq(' + cellIndex + ')'));


      var SkillName= datatItem.SkillName;
      var UserName= datatItem.UserName;
      var StartTimeString= $('#txtLaborstartdate').val();
      var EndTimeString= $('#txtLaborEnddate').val();
      var hours = $('#txthours').val();
      var OThours = $('#txtOThours').val();


}

您可以找到Hours 值，例如$('#txthours').val()。