easyui 事件(easyui的datagrid实现批量删除)
- 实现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的批量删除操作。
- 游泳为什么不带泳镜(不戴水镜就不会游泳了怎么办)
- 蝗灾的蝗虫能吃吗(蝗灾的蝗虫不能吃)
- 在家咋做雪糕冰淇淋(在家自制冰激凌)
- 口罩还有地方购买吗(澳门室外已不要求佩戴口罩)
- 柔力球最基本的动作(赶快学起来)
- 1加手机是什么牌子(X100将搭载天玑9300)
- 电影一路向前女主角叫什么(王阳、高叶领衔)
- 送孩子出国留学的利弊(劝你三思而后行)
- 在高铁上手机信号很差(这回总算弄明白了)
- 复兴号最早在哪条铁路上运行的(12306上查不到)
- 蓝莓每天吃几个合适(用实用的方法)
- 创业失败又翻身的案例(创业受挫)
- 乡村振兴包括哪五个方面的振兴申论(申论热点|乡村振兴)
- MAC是什么口红(哪个值得买)
- 今年流行什么头发颜色好看(蓝”莫属)
- 怎么在家自己制作冰棍(教你在家自制)
- 深户港澳通行证续签一般多久(市民办理港澳签注更快捷)
- 生活压力大怎么控制自己(减轻生活压力的几个小方法)