วัตถุประสงค์หลัก
. หลักวิธีการรับค่าของแต่ละฟิลด์ในแถวปัจจุบันของ gridpanel
ข. หลักวิธีการส่งข้อมูลเบื้องหน้าไปยังพื้นหลังและส่งคืนผลการดำเนินการพื้นหลังไปยังเบื้องหน้า
ค. เรียนรู้วิธีรับและตั้งค่าข้อความของปุ่มและตัวควบคุมฟิลด์
เนื้อหาหลัก
. ก่อนอื่นให้เพิ่มสามส่วนประกอบ ext ลงในหน้า: store, เมนู, gridpanel
ข. ตั้งค่าบริบทของ gridpanel เป็น ID ของการควบคุมเมนูดังนั้นการเพิ่มเมนูคลิกขวาลงใน gridpanel
การคัดลอกรหัสมีดังนี้:
<ext: store id = "store1" runat = "เซิร์ฟเวอร์"
onbeforestoreChanged = "store1_beforestorechanged">
<ผู้อ่าน>
<ext: jsonreader readerId = "id">
<ฟิลด์>
<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>
</ฟิลด์>
</ext: jsonreader>
</reader>
</ext: ร้านค้า>
ไม่สามารถตั้งค่า readerId ที่นี่ได้ หากตั้งค่าคุณสามารถใช้ Method GridPanel1.getSelectionModel (). getSelected () ID เพื่อรับค่าที่สอดคล้องกับฟิลด์ ID ของแถว
สิ่งที่จำเป็นสำหรับการใช้วิธีนี้คือการตั้งค่าวิธีการเลือกเป็นโหมดการเลือกแถวใน GridPanel และรหัสจะถูกโพสต์ในภายหลัง ชื่อสอดคล้องกับชื่อฟิลด์ในตารางฐานข้อมูล
การคัดลอกรหัสมีดังนี้:
<ext: menu id = "menu1" runat = "เซิร์ฟเวอร์">
<times>
<ext: menuitem id = "menuitem1" runat = "เซิร์ฟเวอร์" text = "ดูข้อมูลผู้ใช้">
<ผู้ฟัง>
<คลิก fn = "showuserinfo" />>>
</ผู้ฟัง>
</ext: menuitem>
<ext: menuitem id = "menuitem2" runat = "เซิร์ฟเวอร์" text = "แก้ไขข้อมูลผู้ใช้">
<ผู้ฟัง>
<คลิก fn = "showuserinfo" />>>
</ผู้ฟัง>
</ext: menuitem>
<ext: menuitem id = "menuitem3" runat = "เซิร์ฟเวอร์" text = "เพิ่มข้อมูลผู้ใช้">
<ผู้ฟัง>
<คลิก fn = "showuserinfo" />>>
</ผู้ฟัง>
</ext: menuitem>
<ext: menuitem id = "menuitem4" runat = "เซิร์ฟเวอร์" text = "ลบข้อมูลผู้ใช้">
<ผู้ฟัง>
<คลิก fn = "deleteUserInfo" />
</ผู้ฟัง>
</ext: menuitem>
</items>
</ext: เมนู>
ผลกระทบมีดังนี้:
ค. ตั้งค่า storeId ของ gridpanel เป็น ID ของการควบคุมร้านค้าและเพิ่มแหล่งข้อมูลสำหรับ gridpanel
ซอร์สโค้ดของ gridpanel มีดังนี้:
การคัดลอกรหัสมีดังนี้:
<ext: gridpanel id = "gridpanel1" runat = "เซิร์ฟเวอร์" contextMenuid = "menu1" autoHeight = "true" width = "400px"
autodatabind = "true" storeId = "store1">
<columnModel id = "CTL10">
<คอลัมน์>
<ext: คอลัมน์ dataIndex = "id" header = "หมายเลขผู้ใช้">
<preparecommand args = "Grid, Record, RowIndex, ColumnIndex, value" />> >>
</ext: คอลัมน์>