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()值。

Kendo UI网格行模板命令

1 个答案: