layuiダイナミックな割り当てと初期化に失敗したコンポーネントの選択をレンダリング

Vの説明:ワンボックス部門を含むユーザ情報フォームの形が、ありますが、データベースが動的にすべてのセクターをレンダリングするDEPT(部門)のテーブルを持っている、とデフォルトユーザの部門が選択しました

キーコード:

  1. htmlページ
        < DIV クラス= "layui状項目" > 
            < ラベルクラス= "layui状ラベル" >所属部门</ ラベル> 
            < 入力タイプ= "隠し" = "deptHide" クラス= "layui入力deptHide" > <! - 中间变量- > 
            < divのクラス= "layui入力-インライン" > 
                < 選択= "DEPTID" レイフィルタ= "sysBunk" ID = "DEPTID" クラス=」「DEPTID レイ検索を『=』無効> </ 選択> 
            </ DIV > 
        </ DIV >

    [ layuiレンダリング順序は同じではありませんので、あなたは、中間変数の割り当てを使用する必要があります ]

  2. レンダリングを選択
        .post $(" データインタフェース" 、機能(データ){ 
            $ .each(data.data、機能(インデックス、項目){ 
                $(' #deptId ').append(新新Option-(item.deptName、item.deptId) ); 
            }); 
            $(' #deptId ').val($(' .deptHide ').val()); // 部門のラジオボタンが選択されている
             // 再描画SELECT 
            form.render(' SELECT ' ); 
        } );

     

  3. フォームフォームのレンダリング
    // infolistすなわちCLASS = "layui-形態"レイフィルタ要素に対応= ""に対応する値 
    form.val(" ユーザー情報は"、{ // フォームのエコー
          " XXXを":data.data.xxxを、   // 「名前」:「値」は、フォーム要素の名前である
          deptHide :data.data.deptId、   // 中間変数-コンポーネントの選択優先度よりも高いフォームレンダリング優先など
    )}; 
    form.render( );

     

     

 

おすすめ

転載: www.cnblogs.com/HuangJie-sol/p/11247001.html