Eine kurze Diskussion über die Methode zum Bearbeiten von Treegrid in EasyUI_jquery

Master-Slave-Tabelle, die Slave-Tabelle ist ein Baumgitter. Klicken Sie nach dem Laden der Daten auf den Knoten, um in den Bearbeitungsstatus zu gelangen.

Code kopieren Der Code lautet wie folgt:

Spalten: [ [ {
            Titel: „ID“,
            Feld: „id“,
            versteckt: wahr
        }, {
            Feld: „pid“,
            versteckt: wahr
        },  {
            Titel: „AAA“,
            Feld: „aaa“,
            Breite: 70,
            ausrichten: „center“,
            halign: „Mitte“
        }, {
            Titel: „BBB“,
            Feld: „bbb“,
            Breite: 70,
            ausrichten: „center“,
            halign: „Mitte“,
            Herausgeber: {
                Typ: „Combobox“,
                Optionen: {
                    Daten: [ {
                        "id" : 0,
                        „text“: „苹果“
                    }, {
                        "id" : 1,
                        „text“: „梨子“
                    } ],
                    valueField: 'id',
                    textField: 'text',
                    bearbeitbar: falsch,
                    // erforderlich: wahr,
                    panelHeight: „auto“,
                    fehlende Nachricht: „请选择水果“,
                    onSelect: Funktion (Aufzeichnung) {
                        //editingId是进入编辑状态行的id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
                        if(record.id == 1){//选择梨子
                            var feditor = editors[1];//一行中第二个编辑框
                            //将编辑框设置成必填
$(feditor.target).validatebox({required:true});
//Setzen Sie das Bearbeitungsfeld auf bearbeitbar
                                                                                                                                                                                                                                                                                                       var feditor2 = editors[2];//Das dritte Bearbeitungsfeld in einer Zeile
$(feditor2.target).validatebox({required:true});
                                                                                                                                                                                                                                                                   }else if(record.id == 0){//Apple auswählen
                                                                                                                                                                                                         $(feditor.target).validatebox({required:false});
$(feditor.target).validatebox("setValue","");
                                                                                                                                                                                                                                                                                     $(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
                                                                                                       }                     },
                }
            }
}



Bearbeitungsstatus aktivieren

Code kopieren

Der Code lautet wie folgt: $('#rulesgrid').treegrid('beginEdit', index);

Das Obige ist die Methode zum Bearbeiten des Baumgitters in EasyUI. Ich hoffe, es gefällt Ihnen.