技術共有

[fastadmin 開発実践] カスケード選択を選択する

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

まずは効果を見てみましょう

1. フォームページにカスケード選択を実装する

2. カスケード オプションはバックグラウンドで編集および追加できます

フロントエンド コード (編集ウィンドウ):

  1. <div class="form-group">
  2. <label class="control-label col-xs-12 col-sm-2">{:__('渠道归属')}:</label>
  3. <div class="col-xs-12 col-sm-8">
  4. <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
  5. <select class="first form-control" name="row[type]" data-url="miniform/qudao/qdtype1" >
  6. <option value="{$row.type|htmlentities}" selected=""></option>
  7. </select>
  8. <select class="second form-control" name="row[type2]" data-url="miniform/qudao/qdtype2" data-query-name="pid">
  9. <option value="{$row.type2|htmlentities}" selected=""></option>
  10. </select>
  11. </div>
  12. </div>
  13. </div>

ウィンドウを追加する場合は、オプション オプションを削除するだけです。

オプションは、デフォルトで選択されたオプションを作成するために使用されます。

バックエンドリクエストインターフェースメソッド:

難しいことではありません。インターフェイスの戻り形式に従ってデータを結合するだけです。データ形式は次のとおりです。

「システム構成」の内容を取得するにはどうすればよいですか?私の方法も非常に簡単に紹介します。

thinkConfig を使用します。

  1. public function qdtype1(){
  2. $qudao = Config::get('site.qdtype1');
  3. $list = [];
  4. foreach ($qudao as $key=>$val){
  5. $list[] = ['value'=>$key,'name'=>$val];
  6. }
  7. $this->success('','',$list);
  8. }
  9. public function qdtype2(){
  10. $params = $this->request->get("pid");
  11. $t = 'site.'.$params;
  12. $qudao = Config::get($t);
  13. $list = [];
  14. foreach ($qudao as $key=>$val){
  15. $list[] = ['value'=>$key,'name'=>$val];
  16. }
  17. $this->success('','',$list);
  18. }

オプション構成について:

公式ドキュメントにはカスケード選択についての言及がないようですが、単純すぎるのかもしれません。

参考フレームワークでの開発例に事例があります。

以上が私の実際の操作手順ですので、○をつけてください。