Propósito principal
a. Dominar el método para obtener los valores de cada campo en la fila actual de GridPanel
b. Master Cómo pasar los datos de primer plano y devolver los resultados de la operación de fondo al primer plano
do. Aprenda cómo obtener y establecer los valores de texto de los controles de botón y TextField
Contenido principal
a. Primero agregemos tres componentes EXT a la página: almacenar, menú, GridPanel
b. Establezca el contextMenuid de GridPanel en la identificación del control del menú, agregando así un menú de clic derecho en GridPanel
La copia del código es la siguiente:
<ext: store id = "store1" runat = "servidor"
OnbeforStoreChanged = "store1_beforestorechanged">
<Reader>
<Ext: JSONReader ReaderID = "ID">
<fields>
<Ext: Recordfield name = "id" type = "int"> </ext: discofield>
<Ext: Recordfield name = "uid" type = "string"> </ext: discofield>
<Ext: Recordfield name = "uname" type = "string"> </ext: discofield>
<Ext: Recordfield name = "Uage" type = "int"> </ext: discofield>
</fields>
</ext: jsonReader>
</Lector>
</ext: tienda>
El ReaderID aquí no se puede configurar. Si se establece, puede usar el método GridPanel1.getSelectionModel (). GetSelected (). ID para obtener el valor correspondiente al campo ID de la fila.
El requisito previo para usar este método es establecer su método de selección en el modo de selección de fila en el GridPanel, y el código se publicará más adelante. El nombre corresponde al nombre del campo en la tabla de la base de datos.
La copia del código es la siguiente:
<ext: menú id = "menú1" runat = "servidor">
<Items>
<Ext: Menuitem id = "Menuitem1" runat = "Server" Text = "Ver información del usuario">
<Oyentes>
<Click fn = "showUserInfo" />
</ oyentes>
</ext: Menuitem>
<Ext: Menuitem id = "Menuitem2" runat = "Server" Text = "Modifique la información del usuario">
<Oyentes>
<Click fn = "showUserInfo" />
</ oyentes>
</ext: Menuitem>
<Ext: Menuitem id = "Menuitem3" runat = "Server" Text = "Agregar información del usuario">
<Oyentes>
<Click fn = "showUserInfo" />
</ oyentes>
</ext: Menuitem>
<Ext: Menuitem id = "Menuitem4" runat = "Server" Text = "Eliminar información del usuario">
<Oyentes>
<Click fn = "deleteuserinfo" />
</ oyentes>
</ext: Menuitem>
</Elementos>
</ext: menú>
Los efectos son los siguientes:
do. Establezca el almacén de GridPanel en la identificación del control del almacén y agregue una fuente de datos para GridPanel
El código fuente de GridPanel es el siguiente:
La copia del código es la siguiente:
<Ext: GridPanel id = "GridPanel1" runat = "servidor" contextMenuid = "menú1" autoHeight = "true" width = "400px"
Autodatabind = "true" storeID = "store1">
<Columnmodel id = "ctl10">
<CoLoLums>
<Ext: columna dataindex = "id" header = "número de usuario">
<PrepareCommand Args = "Grid, Registro, RowIndex, ColumnIndex, Value" />
</ext: columna>