This is a migrated thread and some comments may be shown as answers.

Radgrid - Group Collaps - Expand Every child items??

2 Answers 172 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Em4o
Top achievements
Rank 2
Em4o asked on 26 Jul 2011, 08:13 AM
When  I clicked on the arrowhead for  Expand/Collapse Grouping Items and then to expand the ‘Full committee’ group of meetings. This action automatically expanded out all the application rows below each meeting row, but the grid showed a plus sign at the side of the expanded applications – this should be a minus sign if the applications are already expanded out:


How can I fix this?

I attached file.

My aspx is looking like this

                  <telerik:RadGrid HeaderStyle-Width="200" FilterItemStyle-VerticalAlign="Top" ID="rgFuturemeetings"   OnItemCommand="dgResults_ItemCommand"
                        runat="server" GridLines="None" AllowSorting="True" AllowPaging="True" AllowFilteringByColumn="False"
                        Skin="Office2007" ShowGroupPanel="True" ShowStatusBar="True" PageSize="15">
                        <GroupingSettings CaseSensitive="false" />
                        <HeaderContextMenu EnableTheming="True">
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                        </HeaderContextMenu>
                        <PagerStyle AlwaysVisible="True" />
                        <MasterTableView AutoGenerateColumns="False" GroupLoadMode="Client" DataKeyNames="FldMeetingId" HierarchyLoadMode="Client"
                        ExpandCollapseColumn-ButtonType = "ImageButton"
                        ExpandCollapseColumn-ExpandImageUrl="~/images/SinglePlus.GIF" ExpandCollapseColumn-CollapseImageUrl = "~/images/SingleMinus.GIF"
                        >
                          <GroupByExpressions>
                                <telerik:GridGroupByExpression>
                                    <SelectFields>
                                        <telerik:GridGroupByField FieldName="FldMeetingType" HeaderText="MeetingType" />
                                    </SelectFields>
                                    <GroupByFields>
                                        <telerik:GridGroupByField FieldName="FldMeetingType" SortOrder="Ascending" />
                                    </GroupByFields>
                                </telerik:GridGroupByExpression>
                            </GroupByExpressions>
                    
                  <DetailTables>
                    <telerik:GridTableView   AutoGenerateColumns = "False"   Name="Orders" Width="100%" CssClass="RadGrid2"     >
                        <Columns>
                            <telerik:GridBoundColumn DataField="fldOwnerOrgID" UniqueName="fldOwnerOrgID" HeaderText="fldOwnerOrgID" Resizable = "false" Visible="false" >  
                                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="30%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Left" VerticalAlign="Middle" Width="30%" Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn  UniqueName="EditColumn">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkView" runat="server" CommandName="View">View</asp:LinkButton>
                                </ItemTemplate>
                                 <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="6%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="6%" Wrap="true" />
                            </telerik:GridTemplateColumn>                        
<%--                            <telerik:GridButtonColumn  CommandName="View"  DataTextField="FidViewColumn" DataTextFormatString="View" UniqueName="btnView" Resizable = "false">
                                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="6%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="6%" Wrap="true" />
                            </telerik:GridButtonColumn>--%>
                               <telerik:GridBoundColumn DataField="FldApplicationRECREF" UniqueName="FldApplicationRECREF" HeaderText="REC Reference" Resizable = "false">
                                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FldShorttitle" UniqueName="colShortTitle" HeaderText="Short Title" Resizable = "false">
                                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="30%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Left" VerticalAlign="Middle" Width="30%" Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FldDateOnSystem" UniqueName="colDateRegistration" HeaderText="Date Registered on RED" Resizable = "false" DataFormatString="{0:dd/MM/yyyy}">
                                   <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="RefuseFirstMeetingString" UniqueName="RefuseFirstMeetingString" HeaderText="Refused first available meeting?">
                                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="24%" Wrap="true" />
                                <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="24%" Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FldApplicationID" UniqueName="FldApplicationID" Visible="false" > </telerik:GridBoundColumn>
                         </Columns>
                    </telerik:GridTableView>
                  </DetailTables>
                            <Columns>
                                <telerik:GridBoundColumn DataField="FldMeetingId" HeaderText="" UniqueName="FldMeetingId"
                                    Visible="false" AllowFiltering="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="FldMeetingType" HeaderText="Meeting Type" UniqueName="FldMeetingType"
                                    SortExpression="FldMeetingType">
                                     <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="10%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="10%" Wrap="true" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn UniqueName="FldMeetingstartDate" SortExpression="FldMeetingstartDate"
                                    DataField="FldMeetingstartDate" HeaderText="Date of meeting" DataFormatString="{0:dd/MM/yyyy}">        
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="12%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="12%" Wrap="true" />                            
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="FldMeetingCutoffDate" DataFormatString="{0:dd/MM/yyyy}"
                                    SortExpression="FldMeetingCutoffDate" HeaderText="Submission Closing Date" UniqueName="FldMeetingCutoffDate">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="12%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="12%" Wrap="true" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="OrgName" UniqueName="OrgName"
                                    SortExpression="OrgName" HeaderText="Name of REC">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="26%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Left" VerticalAlign="Middle" Width="26%" Wrap="true" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="fldAppSlots" UniqueName="fldAppSlots"
                                    SortExpression="fldAppSlots" HeaderText="Number of CAS slots reserved">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="14%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="14%" Wrap="true" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="AppBookedInLocaly" UniqueName="AppBookedInLocaly"
                                    SortExpression="AppBookedInLocaly" HeaderText="Number of applications booked in locally">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="14%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="14%" Wrap="true" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Cnt" UniqueName="Cnt"
                                    SortExpression="Cnt" HeaderText="Total number of applications allocated to meeting">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" Wrap="true" />
                                     <ItemStyle  HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" Wrap="true" />
                                </telerik:GridBoundColumn>                                
                            </Columns>        
                </MasterTableView>
                <ClientSettings AllowExpandCollapse="true">
                  
                </ClientSettings>
            </telerik:RadGrid>

2 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 26 Jul 2011, 08:45 AM
Hello,

You can try the same approach in the following code library to achieve this.
Custom expand/collapse column with ExpandAll/CollapseAll image button in the header.

Thanks,
Princy.
0
Em4o
Top achievements
Rank 2
answered on 27 Jul 2011, 10:02 AM
Thanks. It was really useful.
Tags
Grid
Asked by
Em4o
Top achievements
Rank 2
Answers by
Princy
Top achievements
Rank 2
Em4o
Top achievements
Rank 2
Share this question
or