淺析Yii2 gridview實現大量刪除教程 gridview屬性 gridview設定行數 gridview item 高度

在朋友圈裡有童鞋向我討論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實現點擊效果

<?= Html::a('大量刪除', "javascript:void(0);", ['class' => '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);});');

本站推薦閱讀：

淺析Yii2中GridView常見操作

yii2 頁面底部載入css和js的技巧

淺析Yii2 GridView 日期格式化並實現日期可搜尋教程

淺析Yii2 GridView實現下拉搜尋教程

以上內容是小編給大家介紹的Yii2 gridview實現大量刪除教程，希望對大家有所協助！

以上就介紹了淺析Yii2 gridview實現大量刪除教程，包括了GRIDVIEW方面的內容，希望對PHP教程有興趣的朋友有所協助。

