A tabela de escravos mestre, a tabela de escravos é um TreeGrid. Depois de carregar os dados, clique no nó para inserir o estado de edição.
A cópia do código é a seguinte:
Colunas: [[{
Título: "ID",
campo: "id",
oculto: verdadeiro
}, {
campo: "pid",
oculto: verdadeiro
}, {
Título: "AAA",
campo: "aaa",
Largura: 70,
alinhe: "centro",
Halign: "Centro"
}, {
Título: "BBB",
Campo: "BBB",
Largura: 70,
alinhe: "centro",
Halign: "Center",
Editor: {
Tipo: "ComboBox",
Opções: {
dados : [ {
"ID": 0,
"Texto": "Apple"
}, {
"ID": 1,
"Texto": "Pear"
}],
Valuefield: 'id',
TextField: 'texto',
editável: falso,
// necessário: verdadeiro,
PainelHeight: "Auto",
MissingMessage: "Selecione Fruit",
OneSelect: function (registro) {
// EditingId é o ID que entra na linha de status de edição
var editors = $ ('#grade'). DataGrid ('Geteditors', $ ('#editingId'). val ());
if (registro.id == 1) {// Selecione Pear
var feditor = editores [1]; // a segunda caixa de edição em uma linha
// Defina a caixa de edição conforme necessário
$ (feditor.target) .validateBox ({requerir: true});
// defina a caixa de edição como editável
$ (feditor.target) .NumberBox ('Enable');
var feditor2 = editores [2]; // a terceira caixa de edição em uma linha
$ (feditor2.target) .validateBox ({requerir: true});
} else if (registro.id == 0) {// Selecione Apple
var feditor = editores [1];
$ (feditor.target) .validateBox ({requerir: false});
$ (feditor.target) .validateBox ("setValue", "");
$ (feditor.target) .NumberBox ('desativar');
var feditor2 = editores [2];
$ (feditor2.target) .validateBox ({requerir: false});
$ (feditor2.target) .validateBox ("setValue", "");
}
},
}
}
}
Ligue o status de edição
A cópia do código é a seguinte:
$ ('#RegrasGrid'). TreeGrid ('Bedinedit', índice);
O exposto acima é o método de editar o TreeGrid em Easyui neste artigo. Espero que gostem.