KenDoGrid中使用checkbox

来源：互联网发布：剑三最美喵萝脸型数据编辑：程序博客网时间：2024/06/11 13:46

jsp部分

<div id="gridStaff" style="height: calc(100% - 35px);"></div><div style="margin-top: 5px"><button id="addBtn1">新增</button><button id="editBtn1">修改</button><button id="updateBtn1" disabled="true">保存</button><button id="cancelBtn1" disabled="true">取消</button><button id="deleteBtn1">删除</button></div>

js部分

function initStaff() {var dataSourceStaff = new kendo.data.DataSource({transport: {},batch : true,page: 1,pageSize: 10,schema: {data: function (d) {return d.data;},total: function (d) {return d.total;},model: { id: "id",fields: {code:{},name:{}}}}});$("#gridStaff").kendoGrid({dataSource: dataSourceStaff,columns:[        {title:"<input type='checkbox'/>", template: '<input type="checkbox" id="checkbox1"  #= isSelect ? \'checked="checked"\' : "" # class="checkbox"/>',width:35}, {field: "code", title:"人员编号"},{field: "name", title: "姓名"}        ],pageable: _pageable,messages: _messages,editable:  {mode: "inline",},        resizable: true,        selectable: "row",$("#gridStaff").on("change", "input.checkbox", function(e) {var grid = $("#gridStaff").data("kendoGrid"),dataItem = grid.dataItem($(e.target).closest("tr"));dataItem.set("isSelect", this.checked);});}

删除选中的行

function deleteData1 () {var gridDetail= $("#gridStaff").data("kendoGrid").dataSource.data().toJSON();;var dataMap=[];for(var i=0;i<gridDetail.length;i++){ if(gridDetail[i].isSelect == true){   dataMap.push(gridDetail[i]);}}}

dataMap即为将要删除的数据

0 0