利用yii2 gridview實現大量刪除案例,yii2gridview
作者:白狼 出處:http://www.manks.top/article/yii2_gridview_deleteall本文著作權歸作者,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文串連,否則保留追究法律責任的權利。
今天仍然繼續探討GridView的問題,昨天有個小夥伴留言說你用gridview給我去掉表頭的連結?我想啊想,這用gridview確實不容易實現,至少我沒想出來,會的下方可留言。但是呢,這根gridview有個毛線關聯啊,明明是要設定ActiveDataProvider,你要我怎麼用gridview實現嘛。
這個問題也是很簡單的,我們來看看具體實現
$dataProvider = new ActiveDataProvider([ 'query' => $query, ]); $dataProvider->setSort(false);
分分鐘搞定不是事。
好了,我們來談談主題:如何利用yii2 gridview實現大量刪除?
我先說一下幾個步驟啊,免得直接貼代碼有的小夥伴刪了一句去了一句最後失敗了!
1、gridview設定options時增加一個id 這裡我們命名grid
'options' => [// ...其他設定項'id' => 'grid'],
2、columns增加選項複選框,大量刪除必然不可少了複選框操作,這裡我們的name值設定為id,方便對資料操作
[ 'class' => 'yii\grid\CheckboxColumn', 'name' => 'id',],
3、頁面上我們增加一個大量刪除按鈕,注意這裡我們增加了一個class gridview,方便後面js實現點擊效果
'btn btn-success gridview']) ?>
4、最後一步,寫js實現按鈕操作,開啟你的console看看,我們很輕鬆的就拿到了選中的行的id,然後這裡就可以非同步作業資料了。
php$this->registerJs('$(".gridview").on("click", function () {//注意這裡的$("#grid"),要跟我們第一步設定的options id一致 var keys = $("#grid").yiiGridView("getSelectedRows"); console.log(keys);});');?>
下面貼上完整代碼
GridView::widget([ // ...... 'options' => ['class' => 'grid-view','style'=>'overflow:auto', 'id' => 'grid'], // ...... 'columns' => [ // ...... [ 'class' => 'yii\grid\CheckboxColumn', 'name' => 'id', ], // ...... ],]);$this->registerJs('$(".gridview").on("click", function () { var keys = $("#grid").yiiGridView("getSelectedRows"); console.log(keys);});');
http://www.bkjia.com/PHPjc/1122762.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/1122762.htmlTechArticle利用yii2 gridview實現大量刪除案例,yii2gridview 作者:白狼 出處:http://www.manks.top/article/yii2_gridview_deleteall本文著作權歸作者,歡迎轉載,但未經...