Hauptzweck
A. Beherrschen Sie die Methode, um die Werte jedes Feldes in der aktuellen Zeile von Gridpanel zu erhalten
B. Beherrschen Sie, wie Sie die Vordergrunddaten an den Hintergrund übergeben und die Ergebnisse des Hintergrundbetriebs in den Vordergrund zurückgeben
C. Erfahren Sie, wie Sie die Textwerte der Schaltflächen- und Textfield -Steuerelemente erhalten und festlegen
Hauptinhalt
A. Fügen wir zunächst drei Ext -Komponenten zur Seite hinzu: Speichern, Menü, Gridpanel
B. Legen Sie den Kontextmenu von Gridpanel auf die ID der Menüsteuerung ein, wodurch ein Menü mit der rechten Maustaste zum Gridpanel hinzugefügt wird
Die Codekopie lautet wie folgt:
<ext: store id = "store1" runat = "server"
onBeForestorechanged = "store1_Beforestorechanged">
<Leser>
<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>
Die Leserid hier kann nicht festgelegt werden. Wenn Sie festgelegt sind, können Sie die Methode Gridpanel1.GetSelectionModel () verwenden. GetSelected (). ID, um den Wert des ID -Felds der Zeile zu erhalten.
Die Voraussetzung für die Verwendung dieser Methode besteht darin, ihre Auswahlmethode auf den Zeilenauswahlmodus im Gridpanel festzulegen, und der Code wird später veröffentlicht. Der Name entspricht dem Feldnamen in der Datenbanktabelle.
Die Codekopie lautet wie folgt:
<ext: Menü id = "Menü1" Runat = "Server">
<Punkte>
<ext: Menuitem id = "Menuitem1" Runat = "Server" text = "Benutzerinformationen anzeigen">
<Hörer>
<Klicken Sie auf fn = "showuserinfo" />
</Hörer>
</ext: Menuitem>
<ext: Menuitem id = "Menuitem2" Runat = "Server" text = "Benutzerinformationen ändern">
<Hörer>
<Klicken Sie auf fn = "showuserinfo" />
</Hörer>
</ext: Menuitem>
<ext: Menuitem id = "Menuitem3" Runat = "Server" text = "Benutzerinformationen hinzufügen">
<Hörer>
<Klicken Sie auf fn = "showuserinfo" />
</Hörer>
</ext: Menuitem>
<ext: Menuitem id = "Menuitem4" Runat = "Server" text = "Benutzerinformationen löschen">
<Hörer>
<Klicken Sie auf fn = "DeleteUserInfo" />
</Hörer>
</ext: Menuitem>
</Items>
</ext: Menü>
Die Effekte sind wie folgt:
C. Stellen Sie das StoreID von Gridpanel auf die ID der Store -Steuerung ein und fügen Sie eine Datenquelle für die Gitterpanel hinzu
Der Quellcode von Gridpanel lautet wie folgt:
Die Codekopie lautet wie folgt:
<ext: gridpanel id = "gridpanel1" runat = "server" contextMenuid = "Menü1" AutoHeight = "true" width = "400px"
Autodatabind = "true" storeId = "store1">
<Columnmodel id = "ctl10">
<spalten>
<ext: Spalte dataindex = "id" Header = "Benutzernummer">
<PrepareCommand args = "Grid, Record, RowIndex, ColumnIndex, Value" />
</ext: Spalte>