A brief analysis of Yii2 gridview implementation of batch deletion tutorial gridview properties gridview setting row number gridview item height

Some children in the circle of friends discussed the issue of GridView with me. A friend said that you can use gridview to remove the header link for me? I have thought about it for a long time, and it is really not easy to implement using gridview. Friends who have different opinions are welcome to leave messages. However, this gridview has a connection. It obviously needs to set up ActiveDataProvider. How do you want me to use gridview to implement it?

This problem is also very simple. Let’s take a look at the specific implementation

$dataProvider = new ActiveDataProvider([ 
'query' => $query, 
]); 
$dataProvider->setSort(false);

It won’t be easy to solve in minutes.

Okay, let’s talk about the topic: How to use yii2 gridview to implement batch deletion?

Let me talk about a few steps first, so as not to post the code directly. Some friends deleted one sentence and added another, and finally failed!

1. Add an id when setting options in gridview. Here we name the grid

'options' => [
// ...其他设置项
'id' => 'grid'
],

2. Add option checkboxes to columns. Checkbox operations are necessary for batch deletion. Here we set the name value. For id, it is convenient for data operation

[
'class' => 'yii\grid\CheckboxColumn',
'name' => 'id',
],

3. We add a batch delete button on the page. Note that we have added a class gridview here to facilitate the subsequent js to achieve the click effect

<&#63;= Html::a('批量删除', "javascript:void(0);", ['class' => 'btn btn-success gridview']) ?>

4. The last step is to write js implements button operations, open your console and take a look. We can easily get the ID of the selected row, and then we can operate the data asynchronously here.

<&#63;php
$this->registerJs('
$(".gridview").on("click", function () {
//注意这里的$("#grid")，要跟我们第一步设定的options id一致
var keys = $("#grid").yiiGridView("getSelectedRows");
console.log(keys);
});
');
?>

The complete code is pasted below

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);
});
');

Recommended reading on this site:

A brief analysis of common GridView operations in Yii2

Yii2 Tips for loading css and js at the bottom of the page

A brief analysis of Yii2 GridView date format Transform and implement date searchable tutorial

A brief analysis of Yii2 GridView implementation drop-down search tutorial

The above content is the Yii2 gridview implementation batch deletion tutorial introduced by the editor. I hope it will be helpful to everyone!

The above has introduced a brief analysis of the batch deletion tutorial of Yii2 gridview, including the content of GRIDVIEW. I hope it will be helpful to friends who are interested in PHP tutorials.