Mar 02, 2010, 10:48 AM
GroupCommands - Capture Click Event Handler - Run Subroutine/Function
Is it possible to capture the click even of a GridCommand in a grouping grid and run either a vb.net/c#.net Subroutine or function?
<ext:GridPanel header="false" ID="MerchRackGrid" runat="server" Collapsible="false" AutoExpandColumn="merch_asset_product_name" Title="Rack Tracking System" Frame="true" StoreID="MerchTrackingStore">
<TopBar>
<ext:Toolbar ID="MerchTrackingToolbar" runat="server">
<Items>
<ext:ToolbarButton ID="SearchBtn" runat="server" Text="Find An Item" Icon="Find">
<AjaxEvents>
<Click OnEvent="OpenSearchWindow" Failure="Ext.MessageBox.alert('Loading Window Failed', 'Error during the load of the search window');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{RackManagementWindow}.body}" />
</Click>
</AjaxEvents>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="MerchTrackingCM" runat="server">
<Columns>
<ext:Column ColumnID="merch_rack_no" Header="Rack No." DataIndex="merch_rack_no" Width="60" Sortable="true" />
<ext:Column ColumnID="rack_client" Header="Client" DataIndex="rack_client" Width="100" Sortable="true" />
<ext:Column ColumnID="merch_asset_date_arrival" Header="Arrival Date" DataIndex="merch_asset_date_arrival" Sortable="true" Hidden="false">
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
</ext:Column>
<ext:Column ColumnID="merch_asset_code" Header="Product Code" DataIndex="merch_asset_code" Width="100" Sortable="true" />
<ext:Column ColumnID="merch_asset_colour_desc" Header="Colour" DataIndex="merch_asset_colour_desc" Width="100" Sortable="true" hidden="true"/>
<ext:Column ColumnID="merch_asset_product_name" Header="Product Name" DataIndex="merch_asset_product_name" Width="220" Sortable="true" />
<ext:Column ColumnID="merch_asset_material" Header="Material" DataIndex="merch_asset_material" Width="220" Sortable="true" hidden="true"/>
<ext:Column ColumnID="merch_asset_washing_instructions" Header="Washing Inst." DataIndex="merch_asset_washing_instructions" Width="220" Sortable="true" hidden="true"/>
<ext:Column ColumnID="merch_asset_short_desc" Header="Short Description" DataIndex="merch_asset_short_desc" Width="220" Sortable="true" />
<ext:Column ColumnID="merch_asset_enrich_date" Header="Enrich Date." DataIndex="merch_asset_enrich_date" Width="220" Sortable="true" hidden="true">
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
</ext:Column>
<ext:CommandColumn Hidden="true">
<GroupCommands>
<ext:GridCommand Icon="EmailEdit" Text="View/Edit Rack" CommandName="Test">
<ToolTip Text="Click here to view items on this rack" Title="Rack Management Help" />
</ext:GridCommand>
</GroupCommands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<Listeners>
<GroupCommand Handler=" **** need to run vb.net or c# subroutine ****" />
</Listeners>
<LoadMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<Buttons>
<ext:Button ID="AddNewRackBtn" runat="server" Text="Add New Rack" AutoPostBack="false" Icon="Add">
<AjaxEvents>
<Click OnEvent="AddNewRack" />
</AjaxEvents>
</ext:Button>
<ext:Button ID="RefreshMerchGridbtn" runat="server" Text="Refresh" AutoPostBack="false" Icon="ArrowRefresh">
<Listeners>
<Click Handler="#{MerchRackGrid}.reload();" />
</Listeners>
</ext:Button>
</Buttons>
<View>
<ext:GroupingView
ID="MerchGroupView"
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=\'padding:0 5px 5px 5px;\'>Short Description: {0}
', d.merch_asset_short_desc);" />
</ext:GroupingView>
</View>
</ext:GridPanel>