Coolite 

<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>
                        <PrepareGroupToolbar Fn="prepare" />
                    </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}</div>', d.merch_asset_short_desc);" />
                </ext:GroupingView>
            </View>            
        </ext:GridPanel>