主な目的
a。 gridpanelの現在の行で各フィールドの値を取得する方法をマスターする
b。前景データを背景に渡し、背景操作の結果を前景に返す方法をマスター
c。ボタンとテキストフィールドコントロールのテキスト値を取得して設定する方法を学ぶ
メインコンテンツ
a。最初にページに3つのextコンポーネントを追加しましょう：ストア、メニュー、gridpanel
b。 GridpanelのContextMenuidをメニューコントロールのIDに設定し、gridpanelに右クリックメニューを追加します
コードコピーは次のとおりです。
<ext：store id = "store1" runat = "server"
onbeforestoreChanged = "store1_beforestoreChanged">
<リーダー>
<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>
ここのReaderidは設定できません。設定されている場合、メソッドgridpanel1.getSelectionModel（）。getSelected（）。IDを使用して、行のIDフィールドに対応する値を取得できます。
この方法を使用するための前提条件は、選択方法をGridpanelで選択モードにrowに設定することであり、コードは後で投稿されます。名前は、データベーステーブルのフィールド名に対応しています。
コードコピーは次のとおりです。
<ext：menu id = "menu1" runat = "server">
<アイテム>
<ext：menuitem id = "menuitem1" runat = "server" text = "ユーザー情報の表示">
<リスナー>
<fn = "showuserinfo" />をクリックします
</リスナー>
</ext：menuitem>
<ext：menuitem id = "menuitem2" runat = "server" text = "ユーザー情報の変更">
<リスナー>
<fn = "showuserinfo" />をクリックします
</リスナー>
</ext：menuitem>
<ext：menuitem id = "menuitem3" runat = "server" text = "ユーザー情報の追加">
<リスナー>
<fn = "showuserinfo" />をクリックします
</リスナー>
</ext：menuitem>
<ext：menuitem id = "menuitem4" runat = "server" text = "ユーザー情報の削除">
<リスナー>
<fn = "deleteuserinfo" />をクリックします
</リスナー>
</ext：menuitem>
</items>
</ext：メニュー>
効果は次のとおりです。
c。 gridpanelのstoreidをストアコントロールのIDに設定し、gridpanelのデータソースを追加します
Gridpanelのソースコードは次のとおりです。
コードコピーは次のとおりです。
<ext：gridpanel id = "gridpanel1" runat = "server" contextmenuid = "menu1" autoheight = "true" width = "400px"
autodatabind = "true" storeid = "store1">
<columnModel id = "ctl10">
<columns>
<ext：列dataindex = "id" header = "user number">
<preperecommand args = "grid、record、rowindex、columnindex、value" />
</ext：column>