Стол с мастером-солевом, подчиненный стол-это дерево. После загрузки данных нажмите на узел, чтобы ввести состояние редактирования.
Кода -копия выглядит следующим образом:
столбцы: [[{
Название: "ID",
Поле: "ID",
Скрытый: правда
}, {
Поле: «Пид»,
Скрытый: правда
}, {
Название: "AAA",
Поле: "AAA",
Ширина: 70,
Выравнивать: «Центр»,
halign: "Центр"
}, {
Название: "BBB",
Поле: "BBB",
Ширина: 70,
Выравнивать: «Центр»,
halign: "center",
Редактор: {
Тип: "Combobox",
параметры: {
данные : [ {
"id": 0,
"Текст": "Apple"
}, {
"id": 1,
"Текст": "Груша"
}],
valuefield: 'id',
Textfield: 'Text',
редактируемое: ложь,
// требуется: правда,
Panelheight: "Auto",
MissingMessage: «Пожалуйста, выберите фрукты»,
Onselect: function (recored) {
// редактирование - это идентификатор, который входит в строку статуса редактирования
var editors = $ ('#grid'). dataGrid ('geteditors', $ ('#editingId'). val ());
if (record.id == 1) {// выберите грушу
var feditor = редакторы [1]; // второе поле редактирования в одной строке
// Установите поле редактирования по мере необходимости
$ (feditor.target) .validatebox ({требуется: true});
// Установить поле редактирования в редактируемое
$ (feditor.target) .numberbox ('inable');
var feditor2 = редакторы [2]; // Третья коробка редактирования в одной строке
$ (feditor2.target) .validatebox ({требуется: true});
} else if (record.id == 0) {// выберите Apple
var feditor = редакторы [1];
$ (feditor.target) .validatebox ({требуется: false});
$ (feditor.target) .validatebox ("setValue", "");
$ (feditor.target) .numberbox ('disable');
var feditor2 = редакторы [2];
$ (feditor2.target) .validatebox ({требуется: false});
$ (feditor2.target) .validatebox ("setValue", "");
}
},
}
}
}
Включить статус редактирования
Кода -копия выглядит следующим образом:
$ ('#rulesgrid'). treegrid ('beginedit', index);
Выше приведено метод редактирования TreeGrid в EasyUI в этой статье. Надеюсь, вам понравится.