Objectif principal
un. Maîtriser la méthode d'obtention des valeurs de chaque champ dans la rangée actuelle de gridpanel
né Maître comment passer les données de premier plan à l'arrière-plan et renvoyer les résultats de l'opération d'arrière-plan au premier plan
c. Apprenez à obtenir et à définir les valeurs de texte des contrôles Button et TextField
Contenu principal
un. Ajoutons d'abord trois composants EXT à la page: magasin, menu, gridpanel
né Définissez le contexteMenuid de GridPanel sur l'ID de la commande de menu, ajoutant ainsi un menu de clic droit au GridPanel
La copie de code est la suivante:
<ext: store id = "store1" runat = "serveur"
onBeForeStoreChanged = "store1_beforestorechanged">
<Deader>
<ext: JSONReader Readerid = "id">
<Champs>
<ext: RecordField name = "id" type = "int"> </ ext: recordField>
<ext: RecordField name = "uid" type = "string"> </ ext: enregistrefield>
<ext: RecordField name = "uname" type = "string"> </ ext: recordField>
<ext: RecordField name = "uage" type = "int"> </ ext: recordField>
</ Fields>
</ ext: jsonReader>
</DEAGER>
</ ext: store>
Le Readerid ici ne peut pas être défini. Si vous êtes défini, vous pouvez utiliser la méthode gridpanel1.getSelectionModel (). GetSelected (). Id pour obtenir la valeur correspondant au champ ID de la ligne.
La condition préalable à l'utilisation de cette méthode consiste à définir sa méthode de sélection sur le mode de sélection des lignes dans le gridpanel, et le code sera publié plus tard. Le nom correspond au nom de champ dans la table de la base de données.
La copie de code est la suivante:
<ext: menu id = "menu1" runat = "server">
<émiers>
<ext: menuitem id = "MeniUtem1" runat = "server" text = "Afficher les informations utilisateur">
<diongers>
<Cliquez sur fn = "showUserInfo" />
</diders>
</st: MenuItem>
<ext: menuitem id = "MeniUtem2" runat = "server" text = "modifier les informations utilisateur">
<diongers>
<Cliquez sur fn = "showUserInfo" />
</diders>
</st: MenuItem>
<ext: menuitem id = "MeniUtem3" runat = "server" text = "Ajouter des informations utilisateur">
<diongers>
<Cliquez sur fn = "showUserInfo" />
</diders>
</st: MenuItem>
<ext: menuitem id = "MeniUtem4" runat = "server" text = "supprimer les informations utilisateur">
<diongers>
<Cliquez sur fn = "DeleteUserInfo" />
</diders>
</st: MenuItem>
</ Items>
</ ext: menu>
Les effets sont les suivants:
c. Définissez le magasin de GridPanel sur l'ID du contrôle du magasin et ajoutez une source de données pour le GridPanel
Le code source de GridPanel est le suivant:
La copie de code est la suivante:
<ext: GridPanel id = "gridpanel1" runat = "server" contextMenuid = "menu1" autoHeight = "true" width = "400px"
Autodatabind = "true" storeID = "store1">
<ColumnModel id = "ctl10">
<Colonnes>
<ext: la colonne dataindex = "id" en-tête = "numéro d'utilisateur">
<PrepareCommand args = "Grid, Record, RowIndex, ColumnIndex, Value" />
</ ext: colonne>