La table maître-esclave, la table des esclaves est un arbre. Après avoir chargé les données, cliquez sur le nœud pour entrer l'état d'édition.
La copie de code est la suivante:
Colonnes: [[{
Titre: "Id",
champ: "id",
caché: vrai
}, {
champ: "pid",
caché: vrai
}, {
Titre: "AAA",
champ: "aaa",
Largeur: 70,
Aligner: "Centre",
Haligne: "Centre"
}, {
Titre: "BBB",
Champ: "BBB",
Largeur: 70,
Aligner: "Centre",
Halign: "Centre",
éditeur: {
Type: "Combobox",
Options: {
données : [ {
"id": 0,
"Texte": "Apple"
}, {
"id": 1,
"Texte": "Pear"
}],
ValueField: 'Id',
Textfield: «Texte»,
modifiable: faux,
// requis: vrai,
PannelHeight: "Auto",
MissingMessage: "Veuillez sélectionner les fruits",
onSelect: fonction (enregistrement) {
// EditId est l'ID qui entre dans la ligne d'état d'édition
var éditeurs = $ ('# grid'). dataGrid ('GetEditors', $ ('# editingId'). Val ());
if (enregistre.id == 1) {// sélectionnez Pear
var feditor = éditeurs [1]; // la deuxième boîte d'édition en une seule ligne
// Définissez la boîte d'édition au besoin
$ (feditor.target) .validatebox ({requis: true});
// Définissez la boîte d'édition sur modifiable
$ (feditor.target) .numberbox («activer»);
var feditor2 = éditeurs [2]; // la troisième boîte d'édition en une seule ligne
$ (feditor2.target) .validatebox ({requis: true});
} else if (enregistre.id == 0) {// sélectionnez Apple
var feditor = éditeurs [1];
$ (feditor.target) .validatebox ({requis: false});
$ (feditor.target) .validatebox ("setValue", "");
$ (feditor.target) .numberbox ('Disable');
var feditor2 = éditeurs [2];
$ (feditor2.target) .validatebox ({requis: false});
$ (feditor2.target) .validatebox ("setValue", "");
}
},
}
}
}
Activer le statut d'édition
La copie de code est la suivante:
$ ('# Rulegrid'). Treegrid ('BegageDit', index);
Ce qui précède est la méthode de modification de Treegrid dans Easyui dans cet article. J'espère que vous l'aimez.