[Solved] Double Column for Hierarchy Each Row In RadGrid

[Ajit]

I want to have two hierarchy columns for each row in a telerik radgrid....

if any solution found please give ...................

[Shinu]

Hi Ajit,

I am afraid whether I understood your question correctly. I hope you are trying to implement two expand/collapse column with RadGrid and you are having multiple detail tables. Then on clicking the first column show the first detail table and then using the second expand/collapse show the second detail table. If this is your requirement you may use the following approach.

ASPX:

     <MasterTableView AutoGenerateColumns="False" Name="Master" CellSpacing="-1" DataKeyNames="ProductID"
                DataSourceID="SqlDataSource1">

                <Columns>
                    <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" HeaderText="ProductID"
                        ReadOnly="True" SortExpression="ProductID" UniqueName="ProductID">
                    </telerik:GridBoundColumn>

                    <telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName"
                        UniqueName="ProductName">
                    </telerik:GridBoundColumn>

                    <telerik:GridExpandColumn CommandName="ExpandDetail1" ></telerik:GridExpandColumn>
                    <telerik:GridButtonColumn Text="Edit" CommandName="Edit" ></telerik:GridButtonColumn>
                    <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
                      <telerik:GridExpandColumn CommandName="ExpandDetail2" ></telerik:GridExpandColumn>
                </Columns>
                 <DetailTables>
                   <telerik:GridTableView runat="server" Visible="false" AutoGenerateColumns="false"  Name="Detail1" AllowPaging="true" PageSize="5" DataSourceID="SqlDataSource2" >
                     <Columns>
                        <telerik:GridBoundColumn DataField="OrderName" HeaderText="OrderName" SortExpression="OrderName"
                        UniqueName="OrderName">
                        </telerik:GridBoundColumn>
                        <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
                     </Columns>
                   </telerik:GridTableView>

                   <telerik:GridTableView  runat="server" Visible="false" Name="Detail2" AutoGenerateColumns="false" AllowPaging="true" PageSize="5" DataSourceID="SqlDataSource3" >
                       <Columns>
                        <telerik:GridBoundColumn DataField="Status" HeaderText="Status" SortExpression="Status"
                        UniqueName="Status">
                        </telerik:GridBoundColumn>

                     </Columns>
                   </telerik:GridTableView>
                 </DetailTables>

            </MasterTableView>

CS:

  protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
    {
        if (e.CommandName == "ExpandDetail1")
        {
            e.Item.Expanded = !e.Item.Expanded;
            if (e.Item.Expanded)
            {
                GridDataItem item = (GridDataItem)e.Item;
                GridTableView childtable = (GridTableView)item.ChildItem.OwnerTableView;
                item.ChildItem.NestedTableViews[0].Visible = true;
                item.ChildItem.NestedTableViews[1].Visible = false;
            }
        }
        else if (e.CommandName == "ExpandDetail2")
        {
            e.Item.Expanded = !e.Item.Expanded;

            if (e.Item.Expanded)
            {
                GridDataItem item = (GridDataItem)e.Item;
                GridTableView childtable = (GridTableView)item.ChildItem.OwnerTableView;
                item.ChildItem.NestedTableViews[0].Visible = false;
                item.ChildItem.NestedTableViews[1].Visible = true;
            }
        }
  }

Thanks
Shinu

[Ajit]

Thanks,

its work form me...

but,the default the autogenerated expandecollapse colums is always get visible which i don't want...to happen.

[Shinu]

Hi Ajit,

Hide the Default Expand Collapse column using the following code snippet.

CS:

 protected void RadGrid1_PreRender(object sender, EventArgs e)
    {
        //to hide the Expand/Collapse column
        RadGrid1.MasterTableView.GetColumn("ExpandColumn").Display = false;
    }

Regards
Shinu.

[Ajit]

HI,

 as i have two detailview columns but clicking on first column image ,second column image also shows expanded image for.....second column can we prevent this...

[Markus]

Hi,

I want to add different tooltips for both the arrows columns of the same row. 

Please help me how can I do this.

Thanks,

Dhananjay

[Sebastian]

Hello Dhananjay,

How to define different expand/collapse tooltips for your columns you can see from this topic in the documentation:
http://www.telerik.com/help/aspnet-ajax/grdlocalizingtootips.html

Best,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.