일괄 삭제 튜토리얼 그리드뷰 속성 그리드뷰 설정 행 번호 그리드뷰 항목 높이의 Yii2 그리드뷰 구현에 대한 간략한 분석

친구들 사이에서 어떤 아이들이 GridView 문제에 관해 저와 논의했습니다. 한 친구가 GridView를 사용하여 헤더 링크를 제거할 수 있다고 하더군요. 오랫동안 고민해왔는데 그리드뷰를 이용해서 구현하기가 정말 쉽지 않네요. 서로 다른 의견을 갖고 있는 친구들은 메시지를 남겨주세요. 하지만 이 그리드뷰에는 분명히 ActiveDataProvider를 설정해야 합니다. 그리드뷰를 사용하여 구현하시겠습니까?

이 문제도 매우 간단합니다. 구체적인 구현을 살펴보겠습니다.

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

몇 분 안에 완료할 수 있습니다.

좋아요, 주제에 대해 이야기해 보겠습니다: yii2 Gridview를 사용하여 일괄 삭제를 수행하는 방법은 무엇입니까?

코드를 직접 올리지 않기 위해 먼저 몇 가지 단계에 대해 말씀드리겠습니다. 일부 친구는 한 문장을 삭제하고 다른 문장을 추가했는데 결국 실패했습니다!

1. 그리드뷰에서 옵션을 설정할 때 ID를 추가합니다. 여기서는 그리드라는 이름을 지정합니다

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

2. 열 상자에 일괄 삭제는 확인란 작업에 필수적입니다. 여기서 이름 값은 데이터 작업을 용이하게 하기 위해 id로 설정됩니다.

3. 페이지에 추가합니다. 일괄 삭제 버튼. 클릭 효과를 달성하기 위해 나중에 js를 용이하게 하기 위해 여기에 클래스 그리드 뷰를 추가했습니다.

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

4. 마지막 단계는 js를 작성하여 구현하는 것입니다. 콘솔을 보면 선택한 행의 ID를 쉽게 얻을 수 있으며 여기에서 데이터를 비동기식으로 작동할 수 있습니다.

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

아래에 전체 코드를 붙여넣으세요

<&#63;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 구현 일괄 삭제 튜토리얼입니다. !

이상으로 GRIDVIEW의 내용을 포함하여 Yii2 그리드뷰의 일괄삭제 튜토리얼에 대해 간략하게 분석하여 소개하였습니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.