easyui的datagrid实现批量删除

easyui的datagrid实现批量删除实现jsp页面的设计<thdata-options=”field:’ck’,checkbox:true”

大家好,欢迎来到IT知识分享网。

  • 实现datagrid的批量删除事件,首先要给其添加一个CheckBox,实现jsp页面的设计

<th data-options=”field:’ck’,checkbox:true”></th>

//这里写了个单元格formatter(格式化器)函数去获得当前选中行的所有信息;

<th dataoptions=”field:’operation’,width:120,formatter:formatOper”>操作</th>

  • 1
  • 2
  • 3
  • 4
  • 接下来通过JS来实现删除的点击事件

var formatOper = function(val, row, index) {

‘<a href=”#” class=”easyui-linkbutton easyui-tooltip margin-left-5″ title=”删除” data-options=”plain:true” onclick=”remove(‘ + row.id + ‘);”><span class=”l-btn-left l-btn-icon-left”><span class=”l-btn-text blue”>删除</span><span class=”l-btn-icon icon-remove”> </span></span></a>’;//对单元格函数进行定义与样式设计;

}

  • 1
  • 2
  • 3

//实现formatter定义的删除点击事件;

remove : function(id){

var ids = [];

if(typeof id !==”undefined”){

ids.push(id);

}else{

var Obj = $(‘#dataGrid’).datagrid(‘getChecked’);//获得选中行数据;

if(planObj.length === 0){

$.messager.alert(“删除错误”, “请至少选择一条记录!”, ‘error’);

return;

}

for(var i = 0;i< Obj.length;i++){

ids.push(planObj[i].id);

}

}if(ids.length > 0){

$.messager.confirm(“提示”,”确定要删除此条信息”,function(r){

if (r){

Loading.start();

$.ajax({

url: ‘url’,

data : {

ids : ids.join(“,”) //加个逗号,分割id;

},

success: function(result) {},

error: function(result) {}

});

}

}

}

}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 当jsp与js设计完成后,就要通过后台接收id,并将其删除:

if (StringUtil.isNotEmpty(ids)) {

String[] idArr = ids.split(“,”);

boolean f = false;

for (String id : idArr) {

f = service.deleteById(Integer.valueOf(id));

}

}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

//通过以上简单的三步就完成了datagrid的批量删除操作。

easyui的datagrid实现批量删除

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/46645.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信