PRINCIPAL PRINCIPAL
um. Domine o método de obter os valores de cada campo na linha atual do GridPanel
b. Domine como passar os dados do primeiro plano para o plano de fundo e retornar a operação de fundo resulta em primeiro plano
c. Aprenda a obter e definir os valores de texto dos controles do botão e do campo de texto
Conteúdo principal
um. Vamos primeiro adicionar três componentes ext à página: armazenar, menu, gridpanel
b. Defina o contexto Menuid de GridPanel no ID do controle do menu, adicionando um menu com o botão direito do mouse ao GridPanel
A cópia do código é a seguinte:
<ext: store id = "store1" runat = "servidor"
onBeforestReechanged = "store1_beforestReechanged">
<reador>
<ext: jsonreader readerid = "id">
<FIELDS>
<ext: registrfield name = "id" type = "int"> </ext: registrfield>
<ext: registrfield name = "uid" type = "string"> </ext: registrfield>
<ext: registrfield name = "uname" type = "string"> </ext: registrfield>
<ext: registrfield name = "uage" type = "int"> </ext: registrfield>
</fields>
</ext: jsonReader>
</Leitor>
</ext: store>
O leitor aqui não pode ser definido. Se definido, você pode usar o método gridpanel1.getSelectionModel (). GetSelected (). Id para obter o valor correspondente ao campo de identificação da linha.
O pré -requisito para usar esse método é definir seu método de seleção para o modo de seleção de linha no GridPanel, e o código será publicado posteriormente. O nome corresponde ao nome do campo na tabela de banco de dados.
A cópia do código é a seguinte:
<ext: menu id = "menu1" runat = "server">
<Itens>
<ext: menuitem id = "menuitem1" runat = "server" text = "Exibir informações do usuário">
<Ilanters>
<Clique fn = "showUserinfo" />
</Ouvintes>
</ext: menuitem>
<ext: menuitem id = "menuitem2" runat = "server" text = "modificar informações do usuário">
<Ilanters>
<Clique fn = "showUserinfo" />
</Ouvintes>
</ext: menuitem>
<ext: menuitem id = "menuitem3" runat = "server" text = "adicionar informações do usuário">
<Ilanters>
<Clique fn = "showUserinfo" />
</Ouvintes>
</ext: menuitem>
<ext: menuitem id = "menuitem4" runat = "server" text = "exclua informações do usuário">
<Ilanters>
<Clique fn = "DeleteUserinfo" />
</Ouvintes>
</ext: menuitem>
</Itens>
</ext: menu>
Os efeitos são os seguintes:
c. Defina o Storeid de Gridpanel no ID do controle da loja e adicione uma fonte de dados para o GridPanel
O código -fonte do GridPanel é o seguinte:
A cópia do código é a seguinte:
<ext: gridpanel id = "gridpanel1" runat = "server" contextmenuid = "menu1" autoheight = "true" width = "400px"
Autodatabind = "true" storeID = "store1">
<Columnmodel id = "ctl10">
<Columns>
<ext: colun dataindex = "id" header = "número do usuário">
<PrepareCommand Args = "Grid, Record, RowIndex, ColumnIndex, Valor" />
</ext: coluna>