Yii2 GridView はリストページのデータを直接変更する方法を実装しています、yii2gridview_PHP チュートリアル
- WBOYオリジナル
- 2016-07-12 08:52:03838ブラウズ
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サイトに注目してください。
。