Hi to all,

I have a gridpanel with grouping feature.

I would like to display a groupping custom text. My grouping field, which is LEAGUEID, has numerical data. so it's not so friendly. I would like to call a javascrip function for a custom rendering as we do for a classical column.

I tried to configure GroupHeaderTplString attribute but I dont get any satisfying result whereas my LeagueRenderer function works perfectly.

Following templates showed :

  • GroupHeaderTplString="{columnName} : {name}" -> League : 22
  • GroupHeaderTplString="{columnName} : {groupValue}" -> League : 22
  • GroupHeaderTplString="{columnName} : {[LeagueRenderer(name)]}" -> League : 




<ext:GridPanel 
                runat="server"               
                ID="MatchGripPanel"
                StoreID="MatchesStoreID"
                Region="Center"
                Padding="5"
                >
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:Column ID="Column1" runat="server" DataIndex="INDEX" Text="<%$ Resources:Resource,Index %>" Width="60" Groupable="false" />
                        <ext:Column ID="Column2" runat="server" DataIndex="ROUND" Text="<%$ Resources:Resource,Round %>" Width="60" Groupable="false"/>
                        <ext:Column ID="Column3" runat="server" DataIndex="SEQUENCE" Text="<%$ Resources:Resource,Match %>" Width="60" Groupable="false"/>
                        <ext:DateColumn ID="DateColumn1" runat="server" DataIndex="DATE" Text="<%$ Resources:Resource,Date %>" Format="dd MMM yyyy" Width="100" Groupable="false"/>
                        <ext:DateColumn ID="DateColumn2" runat="server" DataIndex="TIME" Format="HH:mm" Text="<%$ Resources:Resource,Time %>" Width="60" Groupable="false"/>
                        <ext:Column ID="Column8" runat="server" DataIndex="LEAGUEID" Text="<%$ Resources:Resource,League %>" Groupable="true">
                            <Renderer Fn="LeagueRenderer"></Renderer>
                        </ext:Column>
                        <ext:Column ID="Column4" runat="server" DataIndex="HOMETEAMID" Text="<%$ Resources:Resource,HomeTeam %>" Flex="1" Groupable="false">
                            <Renderer Fn="TeamRenderer" />
                        </ext:Column>
                        <ext:Column ID="Column5" runat="server" DataIndex="GUESTTEAMID" Text="<%$ Resources:Resource,GuestTeam %>" Flex="1" Groupable="false">
                            <Renderer Fn="TeamRenderer" />
                        </ext:Column>
                        <ext:Column ID="Column6" runat="server" DataIndex="PLAYGROUNDID" Text="<%$ Resources:Resource,PlayGround %>" Flex="1" Groupable="false">
                            <Renderer Fn="PlayGroundRenderer" />
                        </ext:Column>
                        <ext:Column ID="Column7" runat="server" DataIndex="INSPECTORID" Text="<%$ Resources:Resource,Inspector %>" Flex="1" Groupable="false">
                            <Renderer Fn="InspectorRenderer" />
                        </ext:Column>
                    </Columns>
                </ColumnModel>
                <Features>
                    <ext:Grouping ID="Grouping1"  runat="server" 
                        GroupHeaderTplString="{columnName} :  {name}"
                         ShowGroupsText="true"  EnableNoGroups="false"></ext:Grouping>                        
                </Features></ext:GridPanel>
Thank you for your help.