Die Master-Slave-Tabelle, die Sklaventabelle ist ein Baumegrid. Klicken Sie nach dem Laden der Daten auf den Knoten, um den Bearbeitungsstatus einzugeben.
Die Codekopie lautet wie folgt:
Spalten: [{{{{
Titel: "id",
Feld: "id",
versteckt: wahr
}, {
Feld: "PID",
versteckt: wahr
}, {
Titel: "AAA",
Feld: "AAA",
Breite: 70,
Ausrichtung: "Zentrum",
Halign: "Zentrum"
}, {
Titel: "BBB",
Feld: "BBB",
Breite: 70,
Ausrichtung: "Zentrum",
Halign: "Zentrum",
Editor: {
Typ: "Combobox",
Optionen: {
Daten: [{{
"id": 0,,
"Text": "Apple"
}, {
"id": 1,,
"Text": "Birne"
}],
ValueField: 'ID',
Textfeld: 'Text',
bearbeitet: falsch,
// erforderlich: true,
PanelHeight: "Auto",
MissingMessage: "Bitte wählen Sie Obst",
OnSelect: Funktion (Datensatz) {
// beidingId ist die ID, die in die Bearbeitungsstatuslinie eingeht
var editors = $ ('#grid'). DataGrid ('Geteditors', $ ('#editingId'). val ());
if (record.id == 1) {// Birne auswählen
var feditor = editoren [1]; // das zweite Bearbeitungsfeld in einer Zeile
// Setzen Sie das Bearbeitungsfeld nach Bedarf ein
$ (feditor.target) .ValidateBox ({erforderlich: true});
// Setzen Sie das Bearbeitungsfeld auf eDitable fest
$ (feditor.target) .numberbox ('enable');
var Feditor2 = Editoren [2]; // Das dritte Bearbeitungsfeld in einer Zeile
$ (feditor2.target) .ValidateBox ({erforderlich: true});
} else if (record.id == 0) {// Wählen Sie Apple aus
var Feditor = Herausgeber [1];
$ (feditor.target) .ValidateBox ({erforderlich: false});
$ (feditor.target) .ValidateBox ("setValue", "");
$ (feditor.target) .numberbox ('deaktivieren');
var Feditor2 = Herausgeber [2];
$ (feditor2.target) .ValidateBox ({erforderlich: false});
$ (feditor2.target) .ValidateBox ("setValue", "");
}
},
}
}
}
Bearbeitenstatus aktivieren
Die Codekopie lautet wie folgt:
$ ('#RulesGrid'). Treegrid ('beginnendem', Index);
Das obige ist die Methode zur Bearbeitung von TreeGrid in EasyUi in diesem Artikel. Ich hoffe es gefällt euch.