Tujuan utama
A. Kuasai metode mendapatkan nilai masing -masing bidang di baris saat ini dari gridpanel
B. Kuasai cara meneruskan data latar depan ke latar belakang dan mengembalikan hasil operasi latar belakang ke latar depan
C. Pelajari cara mendapatkan dan mengatur nilai teks kontrol tombol dan teksfield
Konten utama
A. Pertama, mari tambahkan tiga komponen ext ke halaman: simpan, menu, gridpanel
B. Atur ContextMenuid dari GridPanel ke ID Kontrol Menu, sehingga menambahkan menu klik kanan ke GridPanel
Salinan kode adalah sebagai berikut:
<ext: Store ID = "Store1" runat = "server"
OnbeforestoreChanged = "store1_beforestoreChanged">
<eader>
<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>
</ext: jsonreader>
</Reader>
</ext: Store>
Pembaca di sini tidak dapat diatur. Jika diatur, Anda dapat menggunakan metode gridpanel1.getSelectionModel (). GetSelected (). ID untuk mendapatkan nilai yang sesuai dengan bidang ID baris.
Prasyarat untuk menggunakan metode ini adalah mengatur metode pemilihannya ke mode pemilihan baris di gridpanel, dan kode akan diposting nanti. Nama sesuai dengan nama bidang di tabel database.
Salinan kode adalah sebagai berikut:
<ext: menu id = "menu1" runat = "server">
<TEMES>
<ext: Menuitem id = "MenuUtem1" runat = "server" text = "Lihat informasi pengguna">
<senderers>
<Klik fn = "showUserInfo" />
</engeaners>
</ext: Menuitem>
<ext: Menuitem id = "MenuUtem2" runat = "server" text = "Modifikasi informasi pengguna">
<senderers>
<Klik fn = "showUserInfo" />
</engeaners>
</ext: Menuitem>
<ext: Menuitem id = "MenuUtem3" runat = "server" text = "Tambahkan informasi pengguna">
<senderers>
<Klik fn = "showUserInfo" />
</engeaners>
</ext: Menuitem>
<ext: menuUtem id = "MenuUtem4" runat = "server" Text = "Hapus Informasi Pengguna">
<senderers>
<Klik fn = "deleteUserInfo" />
</engeaners>
</ext: Menuitem>
</t Items>
</ext: Menu>
Efeknya adalah sebagai berikut:
C. Atur Storid of Gridpanel ke ID Kontrol Toko dan Tambahkan Sumber Data untuk GridPanel
Kode sumber gridpanel adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<ext: gridpanel id = "gridpanel1" runat = "server" contextMenuid = "menu1" autoHeight = "true" width = "400px"
Autodatabind = "true" storeid = "store1">
<Columnmodel id = "ctl10">
<columns>
<ext: kolom dataldex = "id" header = "nomor pengguna">
<PrepareCommand args = "grid, catatan, rowindex, columnIndex, value" />
</ext: kolom>