Meja master-slave, meja budak adalah pohon. Setelah memuat data, klik pada node untuk memasukkan status pengeditan.
Salinan kode adalah sebagai berikut:
kolom: [[{
Judul: "ID",
Bidang: "ID",
Tersembunyi: Benar
}, {
Lapangan: "PID",
Tersembunyi: Benar
}, {
Judul: "AAA",
Lapangan: "AAA",
Lebar: 70,
Align: "Center",
Halign: "Center"
}, {
Judul: "BBB",
Lapangan: "BBB",
Lebar: 70,
Align: "Center",
Halign: "Center",
Editor: {
Jenis: "ComboBox",
Opsi: {
Data: [{
"ID": 0,
"Teks": "Apple"
}, {
"ID": 1,
"Teks": "pir"
}],
Valuefield: 'ID',
Textfield: 'Teks',
Diedit: Salah,
// Diperlukan: Benar,
Panelheight: "Auto",
MissingMessage: "Pilih Buah",
OnSelect: function (Record) {
// EditingId adalah ID yang memasuki garis status pengeditan
var editors = $ ('#grid'). datagrid ('geteditors', $ ('#EditingId'). Val ());
if (record.id == 1) {// Pilih Pear
var feditor = editor [1]; // kotak edit kedua dalam satu baris
// Atur kotak edit sesuai kebutuhan
$ (feditor.target) .validateBox ({wajib: true});
// Atur kotak edit ke tempat yang dapat diedit
$ (feditor.target) .numberbox ('Enable');
var feditor2 = editor [2]; // kotak edit ketiga dalam satu baris
$ (feditor2.target) .validateBox ({wajib: true});
} else if (record.id == 0) {// pilih Apple
var feditor = editor [1];
$ (feditor.target) .validateBox ({wajib: false});
$ (feditor.target) .validateBox ("setValue", "");
$ (feditor.target) .numberbox ('nonaktifkan');
var feditor2 = editor [2];
$ (feditor2.target) .validateBox ({wajib: false});
$ (feditor2.target) .validateBox ("setValue", "");
}
},
}
}
}
Nyalakan status pengeditan
Salinan kode adalah sebagai berikut:
$ ('#RulesGrid'). TreeGrid ('EmbinedIt', Index);
Di atas adalah metode pengeditan TreeGrid di easyui dalam artikel ini. Saya harap Anda menyukainya.