有朋友说你用gridview给我去掉表头的链接?我想的很久,用gridview确实不容易实现。有不同见解的朋友欢迎留言。但是呢,这根gridview有个毛线关联啊,明明是要设置ActiveDataProvider,你要我怎么用gridview实现嘛。
这个问题也是很简单的,我们来看看具体实现
1
2
3
4
|
$dataProvider = new ActiveDataProvider([ 'query' => $query , ]); $dataProvider ->setSort(false); |
分分钟搞定不是事。
好了,我们来谈谈主题:如何利用yii2 gridview实现批量删除?
我先说一下几个步骤啊,免得直接贴代码有的小伙伴删了一句去了一句最后失败了!
1、gridview设置options时增加一个id 这里我们命名grid
1
2
3
4
|
'options' => [ // ...其他设置项 'id' => 'grid' ], |
2、columns增加选项复选框,批量删除必然不可少了复选框操作,这里我们的name值设定为id,方便对数据操作
1
2
3
4
|
[ 'class' => 'yiigridCheckboxColumn' , 'name' => 'id' , ], |
3、页面上我们增加一个批量删除按钮,注意这里我们增加了一个class gridview,方便后面js实现点击效果
1
|
|
4、最后一步,写js实现按钮操作,打开你的console看看,我们很轻松的就拿到了选中的行的id,然后这里就可以异步操作数据了。
1
2
3
4
5
6
7
8
9
|
<?php $this ->registerJs(' //注意这里的$("#grid"),要跟我们第一步设定的options id一致 var keys = $( "#grid" ).yiiGridView( "getSelectedRows" ); console.log(keys); }); '); ?> |
下面贴上完整代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
GridView::widget([ // ...... 'options' => [ 'class' => 'grid-view' , 'style' => 'overflow:auto' , 'id' => 'grid' ], // ...... 'columns' => [ // ...... [ 'class' => 'yiigridCheckboxColumn' , 'name' => 'id' , ], // ...... ], ]); $this ->registerJs(' $( ".gridview" ).on( "click" , function () { var keys = $( "#grid" ).yiiGridView( "getSelectedRows" ); console.log(keys); }); '); |
© 版权声明
本文刊载的所有内容,包括文字、图片、音频、视频、软件、程序、以及网页版式设计等部门来源于互联网,版权均归原作者所有!本网站提供的内容服务于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
联系信息:邮箱aoxolcom@163.com或见网站底部。
联系信息:邮箱aoxolcom@163.com或见网站底部。
THE END
请登录后发表评论
注册
社交帐号登录