الغرض الرئيسي
أ. إتقان طريقة الحصول على قيم كل حقل في الصف الحالي من Gridpanel
ب. إتقان كيفية تمرير بيانات المقدمة إلى الخلفية وإرجاع نتائج عملية الخلفية إلى المقدمة
ج. تعرف على كيفية الحصول على قيم الزر وعناصر التحكم في الحقل والتعيين
المحتوى الرئيسي
أ. دعنا أولاً نضيف ثلاثة مكونات EXT إلى الصفحة: المتجر ، القائمة ، Gridpanel
ب. اضبط السياق من Gridpanel على معرف التحكم في القائمة ، وبالتالي إضافة قائمة النقر بزر الماوس الأيمن إلى Gridpanel
نسخة الكود كما يلي:
<ext: store id = "store1" runat = "server"
onbeforestorechanged = "store1_beforestorechanged">
<reader>
<ext: jsonreader readerid = "id">
<fields>
<ext: recordfield name = "id" type = "int"> </ext: RecordField>
<ext: recordfield name = "uid" type = "string"> </ext: RecordField>
<ext: recordfield name = "uname" type = "string"> </ext: RecordField>
<ext: recordfield name = "uage" type = "int"> </ext: RecordField>
</fields>
</تحويلة: JSonreader>
</reader>
</ext: store>
لا يمكن تعيين readerid هنا. إذا تم تعيينه ، يمكنك استخدام الطريقة Gridpanel1.getSelectionModel (). getSelected (). معرف للحصول على القيمة المقابلة لحقل المعرف للصف.
يتمثل المتطلب السابق لاستخدام هذه الطريقة في تعيين طريقة الاختيار الخاصة به على وضع اختيار الصف في Gridpanel ، وسيتم نشر الكود لاحقًا. يتوافق الاسم مع اسم الحقل في جدول قاعدة البيانات.
نسخة الكود كما يلي:
<ext: menu id = "menu1" runat = "server">
<ector>
<ext: menuitem id = "menuitem1" runat = "server" text = "عرض معلومات المستخدم">
<stlevers>
<انقر فوق fn = "ShowUserInfo" />
</المستمعين>
</ext: menuitem>
<ext: menuitem id = "menuitem2" runat = "server" text = "تعديل معلومات المستخدم">
<stlevers>
<انقر فوق fn = "ShowUserInfo" />
</المستمعين>
</ext: menuitem>
<ext: menuitem id = "menuitem3" runat = "server" text = "إضافة معلومات المستخدم">
<stlevers>
<انقر فوق fn = "ShowUserInfo" />
</المستمعين>
</ext: menuitem>
<ext: menuitem id = "menuitem4" runat = "server" text = "حذف معلومات المستخدم">
<stlevers>
<انقر فوق fn = "deleteuserInfo" />
</المستمعين>
</ext: menuitem>
</tems>
</تحويلة: القائمة>
الآثار هي كما يلي:
ج. قم بتعيين متجر Gridpanel على معرف التحكم في المتجر وأضف مصدر بيانات لـ Gridpanel
رمز المصدر لشبكة Gridpanel كما يلي:
نسخة الكود كما يلي:
<Ext: Gridpanel id = "Gridpanel1" Runat = "Server" ContextMenuid = "Menu1" AutoHeight = "True" Width = "400px"
autodatabind = "true" storeid = "store1">
<columnmodel id = "ctl10">
<أعمدة>
<ext: عمود dataindex = "id" header = "رقم المستخدم">
<Prepecommand args = "Grid ، Record ، RowIndex ، ColumnIndex ، Value" />
</تحويلة: العمود>