Heim > Web-Frontend > js-Tutorial > Eine kurze Diskussion über die Methode zum Bearbeiten von Treegrid in EasyUI_jquery

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

WBOY
Freigeben: 2016-05-16 16:11:57
Original
1115 Leute haben es durchsucht

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

Das Obige ist die Methode zum Bearbeiten des Baumgitters in EasyUI. Ich hoffe, es gefällt Ihnen.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage