首頁 > 文章 > 後端開發 > yii2使用GridView實作資料全選及批次刪除的按鈕

yii2使用GridView實作資料全選及批次刪除的按鈕

不言原創: 2018-06-15 16:45:072425瀏覽

本篇文章主要介紹了yii2使用GridView實現資料全選及批量刪除按鈕範例，具有一定的參考價值，有興趣的可以了解一下。

整理文檔，發現一個用GridView實作資料全選及批次刪除按鈕範例，稍微整理精簡一下做下分享。

先來看實現的效果

關鍵程式碼如下：

  <?= GridView::widget([
   &#39;dataProvider&#39; => $dataProvider,
   &#39;showFooter&#39; => true, //设置显示最下面的footer
    &#39;id&#39; => &#39;grid&#39;,
    &#39;columns&#39; => [
     [
      &#39;class&#39;=>CheckboxColumn::className(),
      &#39;name&#39;=>&#39;id&#39;,
      &#39;headerOptions&#39; => [&#39;width&#39;=>&#39;30&#39;],
      &#39;footer&#39; => &#39;<button href="#" rel="external nofollow" class="btn btn-default btn-xs btn-delete" url="&#39;. Url::toRoute(&#39;admin/delete&#39;) .&#39;">删除</button>&#39;,
      &#39;footerOptions&#39; => [&#39;colspan&#39; => 5],
     ],
     [&#39;attribute&#39; => &#39;id&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]], //其他列每个都要增加footerOptions项，设置class为hide，到达隐藏效果；
     [&#39;attribute&#39; => &#39;username&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]],
     [
      &#39;attribute&#39; => &#39;status&#39;,
      &#39;value&#39; => function($model){
       if ($model->status == Admin::STATUS_ACTIVE){
        return &#39;启用&#39;;
       }
       return &#39;禁用&#39;;
      },
      &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]
     ],
     [&#39;class&#39; => &#39;yii\grid\ActionColumn&#39;, &#39;header&#39; => &#39;管理操作&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]],
    ],
   &#39;layout&#39; => "{items}\n{pager}"
  ]); ?>

#最後已選資料的取得：

var ids = $("#grid").yiiGridView("getSelectedRows");

取得資料後就可以ajax提交到想要的controller

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

yii2使用GridView實作資料全選及批次刪除的按鈕

相關文章