La mesa maestra-esclavo, la mesa de esclavos es una grieta de árboles. Después de cargar los datos, haga clic en el nodo para ingresar al estado de edición.
La copia del código es la siguiente:
columnas: [[{
Título: "ID",
Campo: "ID",
Oculto: verdadero
}, {
campo: "pid",
Oculto: verdadero
}, {
Título: "AAA",
Campo: "AAA",
Ancho: 70,
Alinearse: "Centro",
Halign: "Centro"
}, {
Título: "BBB",
Campo: "BBB",
Ancho: 70,
Alinearse: "Centro",
Halign: "Centro",
Editor: {
Tipo: "Combobox",
Opciones: {
datos : [ {
"ID": 0,
"Texto": "Apple"
}, {
"ID": 1,
"texto": "pera"
}],
vallefield: 'id',
TextField: 'Text',
Editable: Falso,
// requerido: verdadero,
PanelHeight: "Auto",
Missmessage: "por favor seleccione Fruit",
onselect: function (registro) {
// EditingID es la identificación que ingresa a la línea de estado de edición
Var editors = $ ('#grid'). dataGrid ('getEditors', $ ('#editingId'). val ());
if (registro.id == 1) {// Seleccione Pear
var feditor = editores [1]; // El segundo cuadro de edición en una línea
// Establecer el cuadro de edición según sea necesario
$ (Feditor.target) .validateBox ({requerido: true});
// Establecer el cuadro de edición en editable
$ (Feditor.Target) .NumberBox ('Enable');
var feditor2 = editores [2]; // El tercer cuadro de edición en una línea
$ (Feditor2.target) .validateBox ({requerido: true});
} else if (registro.id == 0) {// Seleccione Apple
var federitor = editores [1];
$ (Feditor.Target) .ValidateBox ({requerido: falso});
$ (feditor.target) .validateBox ("setValue", "");
$ (Feditor.Target) .NumberBox ('Disable');
var federitor2 = editores [2];
$ (Feditor2.target) .validateBox ({requerido: falso});
$ (Feditor2.target) .validateBox ("setValue", "");
}
},
}
}
}
Activar el estado de edición
La copia del código es la siguiente:
$ ('#RulesGrid'). TreeGrid ('Beginedit', índice);
Lo anterior es el método de editar TreeGrid en EasyUi en este artículo. Espero que te guste.