Yii2 の簡単な分析グリッドビューの一括削除チュートリアルグリッドビューのプロパティグリッドビューの設定行番号グリッドビューの項目の高さ-PHPチュートリアル-php.cn

Yii2 の簡単な分析グリッドビューの一括削除チュートリアルグリッドビューのプロパティグリッドビューの設定行番号グリッドビューの項目の高さ

WBOY

リリース： 2016-07-29 08:52:29

オリジナル

1079 人が閲覧しました

友達のサークルの何人かの子供が私と GridView の問題について話し合いました。友達は、GridView を使ってヘッダーリンクを削除できると言いました。長い間考えてきましたが、gridview を使用して実装するのは実際には簡単ではありません。異なる意見を持つ友人はメッセージを残してください。ただし、このグリッドビューには接続が必要です。これを実装するには、どうやってグリッドビューを使用すればよいでしょうか?

この問題も非常に簡単です。具体的な実装を見てみましょう

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

ログイン後にコピー

数分で解決するのは簡単ではありません。

それでは、次のトピックについて話しましょう: yii2 GridView を使用してバッチ削除を実装する方法?

コードを直接投稿しないように、最初にいくつかの手順について説明します。一部の友人は 1 つの文を削除して別の文を追加し、最終的には失敗しました。

1. GridView でオプションを設定するときに ID を追加します

2. 列にオプションのチェックボックスを追加するための値を設定します。 ID、データ操作に便利です

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

ログイン後にコピー

3. ページにバッチ削除ボタンを追加します。これは、後続の js でクリック効果を実現するためのクラス Gridview を追加していることに注意してください

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

ログイン後にコピー

このサイトでの推奨読書:

Yii2 での一般的な GridView 操作の簡単な分析

Yii2 ページの下部にある css と js をロードするためのヒント

Yii2 GridView の日付形式の簡単な分析日付検索可能な変換と実装のチュートリアル

Yii2 GridView 実装のドロップダウン検索チュートリアルの簡単な分析

上記の内容は、エディターが紹介した Yii2 GridView の実装一括削除チュートリアルとなります。誰にとっても役に立つでしょう！

以上、Yii2 GridView の一括削除チュートリアルの概要を GRIDVIEW の内容も含めて紹介しましたが、PHP チュートリアルに興味のある方の参考になれば幸いです。