著者: Bailang 出典: http://www.manks.top/yii2_gridview_advanced.html この記事の著作権著者に帰属します。転載は歓迎します。ただし、この記述は著者の同意なしに保持し、元のテキストへのリンクを記事ページのわかりやすい位置に提供する必要があります。そうでない場合、当社は法的責任を追及する権利を留保します。 。
どういう意味ですか？エディターによって提示された要件は次のとおりです。リストをクリックして直接変更できますか? 面倒です。 。このいまいましいこと、この必要性、本当に彼女に打撃を与えたいですか？
最初に明確にしておきますが、この記事には約 6 つの画像エフェクトが含まれています。元の記事には参考用の画像が含まれています。
今日は、Gridview を使用して Yii2 のリストに直接変更する機能を実装する方法を見ていきます。これは、さまざまなタイプの属性の例を提供するために最善を尽くしています。
最初のステップは yii2-grid をデプロイすることです
composer を使用して yii2-grid をインストールします
インストールプロセス中にトークンを出力する必要がある場合は、この時点で github アカウントにログインし、設定 > 個人アクセストークンを通じてトークン値を取得し、トークン値を入力して Enter を押す必要があります。
インストール後、次のようにモジュールを構成します。これは必須です
前に述べたように、まず yii2-grid をデプロイする必要があります。ダウンロードして設定した後、ビュー ファイルを開き、以下のコードを参照してファイルを変更します。 リーリー
上記のコードでは、「export」 => false を追加するだけで済み、元のグリッドビューを変更する必要はありません。
次に、yii2-editableをインストールします
リーリー
インストール後、グリッドビューを設定したファイルに editable を導入します
kartikeditableEditable を使用します;
まず、以下に示すように textInput タイプの変更を導入します
リーリー
しかし、上の図から分かるように、ポップアップウィンドウの変更はあまり便利ではありません。より便利な操作方法を見てみましょう。 リーリー
変更する属性値をクリックするだけで、直接変更できます。これによりどのような問題が発生するかを見てみましょう。
おそらく、編集ボックスの幅が小さすぎて操作があまり便利ではないことに気付いたのではないでしょうか。入力をテキストエリアに変更した方がよいでしょうか。もちろん、headerOptions を指定して現在のセルの幅を設定することもできます。一般的なグリッドビュー操作については、クリックして参照してください。画像を見ると、効果は確かにはるかに優れています。コードを貼り付けるだけです
リーリー
一部の生徒は非常に興味を持って、写真内の 2 つのボタンをクリックしました。1 つはリセット ボタンで、もう 1 つはわかりやすいのですが、クリックした後ずっと処理が行われているように見えるのはなぜですか。適用ボタンってどういう意味ですか？心配しないでください。最初から現在まで、そしてさらに詳しく説明します。実際には、ここで適用ボタンをクリックした後、バックエンドを非同期にリクエストします。それについては後で詳しく話します。
列が数値型の場合はどうなりますか?入力で直接変更するだけなので簡単ですが、以下のスクリーンショットのような効果が必要な場合は、引き続きコンポーザーを使用してタッチ スピン ウィジェットをインストールする必要があります
リーリー
インストールが完了したら、数値属性を変更する方法を見てみましょう
3 番目のタイプは、ドロップダウン ボックスの変更に関して、フィールド is_delete value 1 に 2 delete が表示され、データ インベントリの値が 1 2 の数値型であると仮定します。レンダリングを確認してから貼り付けます。コード
続きを読む
http://www.bkjia.com/PHPjc/1126522.html
www.bkjia.com
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
