Coolite 中前臺獲取 GridPanel 當前選擇行值的代碼

2024-05-04 11:00:06

字體：大中小

來源：轉載

供稿：網友

主要目的

a. 掌握獲取 GridPanel 當前行的各個字段值的方法
b. 掌握如何將前臺數據傳遞到后臺，并將后臺操作結果返回到前臺
c. 掌握如何獲取和設置 button 和 textField 控件的文本值

主要內容

a. 我們先在頁面中添加三個 ext 組件：store, menu,gridpanel

b. 將 gridpanel 的contextmenuID 設置為　menu 控件的ID, 從而為GridPanel 添加右鍵菜單
復制代碼代碼如下:
<ext:Store ID="Store1" runat="server"
onbeforestorechanged="Store1_BeforeStoreChanged" >
<Reader>
<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 中設置其選擇方式為行選擇模式，代碼會在后面貼出。Name 對應于數據庫表中的字段名。
復制代碼代碼如下:
<ext:Menu ID="Menu1" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" runat="server" Text="查看用戶信息">
<Listeners>
<Click Fn="ShowUserInfo" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem2" runat="server" Text="修改用戶信息">
<Listeners>
<Click Fn="ShowUserInfo" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem3" runat="server" Text="添加用戶信息">
<Listeners>
<Click Fn="ShowUserInfo" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem4" runat="server" Text="刪除用戶信息">
<Listeners>
<Click Fn="DeleteUserInfo" />
</Listeners>
</ext:MenuItem>
</Items>
</ext:Menu>

效果如下：

c. 將 gridPanel 的 storeID 設為 store 控件的 ID, 為 Gridpanel 添加數據源

GridPanel 源碼如下：
復制代碼代碼如下:
<ext:GridPanel ID="GridPanel1" runat="server" ContextMenuID="Menu1" AutoHeight="true" Width="400px"
AutoDataBind="true" StoreID="Store1">

<ColumnModel ID="ctl10">
<Columns>
<ext:Column DataIndex="id" Header="用戶編號">
<PrepareCommand Args="grid, record, rowIndex, columnIndex, value" />
</ext:Column>

上一篇：ASP 獲取騰訊IP地址的代碼

下一篇：aspJpeg圖片水印有雜點的完美解決方法