Ext.Net 1..0中的Group Command控件

前一阵尝试使用了一下这个Group控件，它分为好几种，我选择了其中一种带有Command的作为Demo写了一下，为了防止以后忘记在这里记录一下使用过程中的一些注意事项和问题。

首先是前台代码：

<View> <ext:GroupingView ID="GroupingView1" HideGroupedColumn="true" runat="server" ForceFit="true" GroupTextTpl='{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})' EnableRowBody="true"> <GetRowClass Handler="var d = record.data; rowParams.body = String.format('<div style="/" mce_style="/"'padding:0 5px 5px 5px;/'>The {0} [{1}] requires light conditions of <i>{2}</i>.<br /><b>Price: {3}</b></div>', d.Common, d.Botanical, d.Light, Ext.util.Format.usMoney(d.Price));" /> </ext:GroupingView> </View>  

以上是Group的主体，嵌套于GridPanel中，用于分组显示GridPanel中的数据。其中GetRowClass指定显示的样式，在分组行中自定义了一个DIV用于展示自定义的信息，如：The Anemone [Anemone blanda] requires light conditions of Mostly Shady.

Price: $8.86，该标签按需可选添加。

<Store> <ext:Store runat="server" GroupField="Light"> <Proxy> <ext:HttpProxy Method="POST" Url="../../Shared/PlantService.asmx/Plants" /> </Proxy> <Reader> <ext:XmlReader Record="Plant"> <Fields> <ext:RecordField Name="Common" /> <ext:RecordField Name="Botanical" /> <ext:RecordField Name="Zone" Type="Int" /> <ext:RecordField Name="ColorCode" /> <ext:RecordField Name="Light" /> <ext:RecordField Name="Price" Type="Float" /> <ext:RecordField Name="Availability" Type="Date" /> <ext:RecordField Name="Indoor" Type="Boolean" /> </Fields> </ext:XmlReader> </Reader> <SortInfo Field="Common" Direction="ASC" /> </ext:Store> </Store>  

以上为Store的写法，必须指定GroupField（按某列进行分组），同时可以指定SortInfo，进行数据排序。

Command前台代码：

<ext:CommandColumn Hidden="true"> <GroupCommands> <ext:GridCommand Icon="ApplicationSideList" Text="功能菜单" StandOut="true"> <Menu> <Items> <ext:MenuCommand Icon="GroupEdit" CommandName="ICEdit" Text="编辑"/> <ext:MenuCommand Icon="GroupDelete" CommandName="ICRemove" Text="删除"/> <ext:MenuCommand Icon="GroupGo" CommandName="ICDetail" Text="详细"/> <ext:MenuCommand Icon="Accept" CommandName="ICAccept" Text="审核" /> <ext:MenuCommand Icon="ArrowUndo" CommandName="ICUnAccept" Text="撤销审核"/> </Items> </Menu> </ext:GridCommand> </GroupCommands> </ext:CommandColumn> 

Command为单独的一列。在其中可以使用ext:MenuCommand 来使用Menu。但ext:MenuCommand 没有ID，只能通过Name去区分点击的是哪个菜单项。

指定事件如下：

<listeners> <GroupCommand Handler="CommandListeners(command,records);" /> </listeners> 

command为Menu的名称，records为改行的数据。