EasyUI_jquery でツリーグリッドを編集する方法についての簡単な説明

マスター/スレーブ テーブル、スレーブ テーブルはツリーグリッドです。 データをロードした後、ノードをクリックして編集状態に入ります。

コードをコピー コードは次のとおりです:

列: [ [ {
            タイトル : "ID"、
            フィールド: "id",
            非表示: true
        }、{
            フィールド: "pid",
            非表示: true
        }、 {
            タイトル：「AAA」、
            フィールド: "aaa",
            幅 : 70、
            整列 : "中央",
            ハライン：「中央」
        }、{
            タイトル : "BBB"、
            フィールド: "bbb"、
            幅 : 70、
            整列 : "中央",
            halign : "中央"、
            編集者: {
                タイプ: "コンボボックス",
                オプション: {
                    データ: [ {
                        "id" : 0,
                        "text" : "苹果"
                    }、{
                        "id" : 1,
                        "text" : "梨子"
                    } ]、
                    値フィールド: 'id',
                    textField : 'テキスト',
                    編集可能: false、
                    // 必須 : true,
                    パネルの高さ : "自動",
                    missingMessage : "请选择水果",
                    onSelect : 関数(レコード) {
                        //editingId は入力された状態で実行される id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
                        if(record.id == 1){//选择梨子
                            var feditor = editors[1];//一行中第二个编辑框
                            // 将编辑框设置成必充填
$(feditor.target).validatebox({required:true});
//編集ボックスを編集可能に設定します
                                                                   var reditor2 =編集者[2]; //行の3番目の編集ボックス
$(feditor2.target).validatebox({required:true});
} else if（record.id == 0）{// Apple
を選択します                                                                                                                                                                                                                                 $(feditor.target).validatebox({required:false});
$(feditor.target).validatebox("setValue","");
                                                                                                                                                                                                                                                                                                               $(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
} },
}
}
}



編集ステータスを有効にする

コードをコピーします

コードは次のとおりです: $('#rulesgrid').treegrid('beginEdit',index);

上記は EasyUI でツリーグリッドを編集する方法です。気に入っていただければ幸いです。