Yii2 GridView はリストページのデータを直接変更する方法を実装しています、yii2gridview_PHP チュートリアル

Yii2 GridView はリストページのデータを直接変更するメソッドを実装しています

とはどういう意味ですか?エディターによって提示された要件は次のとおりです。リストをクリックして直接変更できますか? 面倒です。 。このいまいましいこと、この必要性、本当に彼女に打撃を与えたいですか？

今日は、Gridview を使用して Yii2 のリストに直接変更する機能を実装する方法を見ていきます。これは、さまざまなタイプの属性の例を提供するために最善を尽くしています。

最初のステップは yii2-grid をデプロイすることです

composerを使用してyii2-gridをインストールします

リーリー

インストールプロセス中にトークンを出力する必要がある場合は、この時点で github アカウントにログインし、設定 > 個人アクセストークンを通じてトークン値を取得し、トークン値を入力して Enter を押す必要があります。

インストール後、次のようにモジュールを構成します。これは必須です

リーリー

前に述べたように、まず yii2-grid をデプロイする必要があります。ダウンロードして設定した後、ビュー ファイルを開き、以下のコードを参照してファイルを変更します。 リーリー

上記のコードでは、「export」 => false を追加するだけで済み、元のグリッドビューを変更する必要はありません。

次に、yii2-editableをインストールします リーリー

インストール後、グリッドビューを構成したファイルに editable を導入します

リーリー

まず、以下に示すように、textInput タイプの変更を導入します

上の画像から編集効果を簡単に確認し、コードを直接貼り付けることができます

リーリー

しかし、上の図から分かるように、ポップアップウィンドウの変更はあまり便利ではありません。より便利な操作方法を見てみましょう。 リーリー

変更する属性値をクリックするだけで、直接変更できます。これによりどのような問題が発生するかを見てみましょう。

おそらく、編集ボックスの幅が小さすぎて操作があまり便利ではないことに気付いたのではないでしょうか。入力をテキストエリアに変更した方がよいでしょうか。もちろん、headerOptions を指定して現在のセルの幅を設定することもできます。一般的なグリッドビュー操作については、クリックして参照してください。

画像を見ると、効果は確かにはるかに優れています。コードを貼り付けるだけです

リーリー 一部の生徒は非常に興味を持って、写真内の 2 つのボタンをクリックしました。1 つはリセット ボタンで、もう 1 つはわかりやすいのですが、クリックした後ずっと処理が行われているように見えるのはなぜですか。適用ボタンってどういう意味ですか？心配しないでください。最初から現在まで、そしてさらに詳しく説明します。実際には、ここで適用ボタンをクリックした後、バックエンドを非同期にリクエストします。それについては後で詳しく話します。

列が数値型の場合はどうなりますか?入力で直接変更するだけなので簡単ですが、以下のスクリーンショットのような効果が必要な場合は、引き続きコンポーザーを使用してタッチ スピン ウィジェットをインストールする必要があります

リーリー

インストールが完了したら、数値属性を変更する方法を見てみましょう

3 番目のタイプは、ドロップダウン ボックスの変更に関して、フィールド is_delete value 1 に 2 delete が表示され、データ インベントリの値が 1 2 の数値型であると仮定します。レンダリングを確認してから貼り付けます。コード

左側と右側に2つの属性があります。比較と説明のため、左側は変更できない属性を示しています。 コードは次のとおりです。 リーリー

4 番目に、日付コンポーネントと時刻コンポーネントについて説明します。まずスクリーンショットを撮って効果を確認し、それからインストールします。 リーリー 基本的に、これらは 4 つのタイプです。ビューを構成した後、非同期操作用にコントローラー層を構成する必要があります。

ステートメント: グリッドビューがビュー記事/インデックス内にある場合、次の操作では記事コントローラーのインデックス内で操作する必要があります。

リーリー

これは、編集者が紹介したYii2 GridViewのリストページのデータを直接変更する方法の紹介です。詳しく知りたい場合は、BangkejiaのWebサイトに注目してください。

http://www.bkjia.com/PHPjc/1127891.htmlwww.bkjia.com本当http://www.bkjia.com/PHPjc/1127891.html技術記事 Yii2 GridView はリストページ上のデータを直接変更するメソッドを実装しています。 yii2gridview とは何を意味しますか?簡単に説明すると、編集者が挙げたニーズは次のとおりです...

。