ThinkPHP与EasyUI整合之二（datagrid）：删除多条记录

た入场券 2022-04-10 10:50 51阅读 0赞

学习EasyUI已有一段时间了，现在开始逐步把平时学习的细节和难点记录下来。

1. datagrid选中多条记录的语句是：

var rows = $('\#dg').datagrid('getSelections'); ，而不是"$('\#dg').datagrid('getSelections')"选中一条记录。

2. 删除多条记录必须给数据库传达删除指定数据表的记录，一般是数据表唯一的编号id，可以给数据库传达一个id数组。联想到可以

采用Input表单数组，但在datagrid不知怎样组合，就放弃这种想法。改用js循环读取想要删除的编号ID,赋给数组ids\[\]。

1 var ids=[];
    2 var rows = $('#dg').datagrid('getSelections'); 3 　　　for(var i=0; i<rows.length; i++){ 4 ids.push(rows[i].id); 5 }

3.在datagrid属性中添加chackbox选框。frozenColumns:\[\[\{field:'ck',checkbox：true\}\]\]

![ExpandedBlockStart.gif][]

![复制代码][copycode.gif]

1 <script type="text/javascript">
     2          $(function(){    
     3             $('#dg').datagrid({ 4 title:'通讯录', 5 width:550, 6 height:350, 7 toolbar:'#toolbar', 8 url:'__APP__/Curd/read', 9 pagination:true, 10 pageSize:5, 11 pageList:[5,10,15,20], 12 rownumbers:true, 13 loadMsg:'数据装载中......', 14 frozenColumns:[[ 15 {field:'ck',checkbox:true} 16 ]], 17 columns:[[ 18 {title:'姓名',field:'firstname',width:'100',rowspan:2,align:'center'}, 19 {title:'全称',field:'lastname',width:'100',rowspan:2,align:'center'}, 20 {title:'电话',field:'phone',width:'100',rowspan:2,align:'center'}, 21 {title:'邮箱',field:'email',width:'150',rowspan:2,align:'center'}, 22 {title:'编号',field:'id',width:'30',rowspan:2,align:'center'}, 23 ]] 24 }) 25 26 })

![复制代码][copycode.gif]

4.如果pagination中不想显示英文，可引入easyui中文js标签。

1 <script type="text/javascript" src="__ROOT__/js/easyui-lang-zh_CN.js"></script>

![19105327-20115450b8124102855bc4c1e3d8b86b.jpg][]

5.如果删除后数据库没有记录，则删除后会出现datagrid重新加载表格数据没有删除，页面重新加载后datagrid则显示为空。解决办法：判断生成json数据时，当记录为空时，赋值''给datagrid表格。

![ExpandedBlockStart.gif][]

![复制代码][copycode.gif]

1 f ($total==0){                $userlist=array("firstname"=>'',"lastname"=>'',"phone"=>'',"email"=>'',"id"=>'');
    2 json='{"total":'.$total.',"rows":['.json_encode($userlist).']}'; 3 echo $json; 4 }else{ $json='{"total":'.$total.',"rows":'.json_encode($userlist).'}';//重要，easyui的标准数据格式，数据总数和数据内容在同一个json中 5 echo $json; 6 }

![复制代码][copycode.gif]

6.后台处理。有2种方法：

一、将传递过来的参数id数组赋值给$condition\['id'\]=array('in',$id)，利用in操作一次删除多条记录。

1 $condition['id']=array('in',$id);
    2 $result=$User->Where($condition)->delete();

二。循环读取传递过来的id参数数组，逐条删除指定id的记录。

1 foreach($id as $ide){ 2 $result=$User->Where('id='.$ide)->delete(); 3 }

以下是界面效果，仅供参考。

![19110200-14146e9aabef41feb6221c984fee1175.jpg][]

![19110212-922dde33d74b44b8b808adaf3d50200a.jpg][]

![19110223-0be6f485018a4d06bf4c64e7cf6d8852.jpg][]

[ExpandedBlockStart.gif]: /images/20220331/c7ab26c345f6421782df136f42253b1c.png
[copycode.gif]: /images/20220331/07cd5e4b9dd34327bc5a2be7973c44c6.png
[19105327-20115450b8124102855bc4c1e3d8b86b.jpg]: /images/20220331/0bcf083aea8540c4b295187ad94320c0.png
[19110200-14146e9aabef41feb6221c984fee1175.jpg]: /images/20220331/3113714aa4b94c6187ec09ed8fbedda4.png
[19110212-922dde33d74b44b8b808adaf3d50200a.jpg]: /images/20220331/c3d01ca009af4040895383936a9a8798.png
[19110223-0be6f485018a4d06bf4c64e7cf6d8852.jpg]: /images/20220331/39632f8e9c954814ac59a19185ddcbee.png