利用yii2 gridview實現大量刪除案例,yii2gridview_PHP教程

來源:互聯網
上載者:User

利用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本文著作權歸作者,歡迎轉載,但未經...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.