利用yii2 gridview實現大量刪除案例[轉]

標籤：開啟   sel   其他   完整   provider   sort   select   sso   tap   

今天仍然繼續探討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(‘$(document).on(‘click‘, ‘.gridview‘, function () {    var keys = $("#grid").yiiGridView("getSelectedRows");    console.log(keys);});‘);

利用yii2 gridview實現大量刪除案例[轉]