طاولة الرقيق الرئيسي ، طاولة الرقيق عبارة عن شجرة. بعد تحميل البيانات ، انقر فوق العقدة لإدخال حالة التحرير.
نسخة الكود كما يلي:
الأعمدة: [[{
العنوان: "معرف" ،
الحقل: "معرف" ،
مخفي: صحيح
} ، {
الحقل: "PID" ،
مخفي: صحيح
} ، {
العنوان: "AAA" ،
الحقل: "AAA" ،
العرض: 70 ،
محاذاة: "المركز" ،
هالين: "المركز"
} ، {
العنوان: "BBB" ،
الحقل: "BBB" ،
العرض: 70 ،
محاذاة: "المركز" ،
هالين: "المركز" ،
محرر: {
النوع: "Combobox" ،
خيارات: {
بيانات : [ {
"معرف": 0 ،
"النص": "Apple"
} ، {
"معرف": 1 ،
"النص": "الكمثرى"
}] ،
Valuefield: 'id' ،
Textfield: "Text" ،
قابلة للتحرير: خطأ ،
// مطلوب: صحيح ،
Panelheight: "Auto" ،
مفقود: "الرجاء تحديد الفاكهة" ،
onselect: وظيفة (سجل) {
// editingid هو المعرف الذي يدخل خط حالة التحرير
var editors = $ ('#grid'). dataGrid ('getEditors' ، $ ('#editingid'). val ()) ؛
if (record.id == 1) {// حدد الكمثرى
var feditor = editors [1] ؛ // صندوق التحرير الثاني في سطر واحد
// اضبط مربع التحرير كما هو مطلوب
$ (feditor.target) .validatebox ({مطلوب: true}) ؛
// اضبط مربع التحرير على التحرير
$ (feditor.target) .Numberbox ('enable') ؛
var feditor2 = editors [2] ؛ // مربع التحرير الثالث في سطر واحد
$ (feditor2.target) .validatebox ({مطلوب: true}) ؛
} آخر إذا (record.id == 0) {// حدد Apple
var feditor = editors [1] ؛
$ (feditor.target) .validatebox ({مطلوب: false}) ؛
$ (feditor.target) .validatebox ("setValue" ، "") ؛
$ (feditor.target) .Numberbox ('disable') ؛
var feditor2 = editors [2] ؛
$ (feditor2.target) .validatebox ({مطلوب: false}) ؛
$ (feditor2.target) .validatebox ("setValue" ، "") ؛
}
} ،
}
}
}
قم بتشغيل حالة التحرير
نسخة الكود كما يلي:
$ ('#structgrid'). TreeGrid ('LeGinedIt' ، index) ؛
ما سبق هو طريقة تحرير TreeGrid في Easyui في هذه المقالة. أتمنى أن تعجبك.