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

Show multiple lines of data for a single data item

1 Answer 348 Views

Grid

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

Chris Trina asked on 09 Mar 2011, 04:41 PM

radgrid.png

I have a hierarchial radgrid up and running, image is attached. Everything works great - thank you. I now have a requirement to display another line (row) of information for each data item that I am binding to.

I know this can be done by eliminating the columns collection and using an item template instead, but ideally I would like to leave what is already working well working and just find a way to insert two rows per data item. Is this possible? I know this cannot be done, but conceptually what I really want to do is put a <br> in the columns collection and layout the next row of bound data!

Any thoughts/suggestions are appreciated.

Here is the current code layout for the table:

<telerik:RadGrid runat="server" ID="grdKCGs" AllowPaging="False" Width="600px" AllowMultiRowSelection="false" Visible="false" Skin="Default">

<MasterTableView DataKeyNames="KCGID" Width="600px" TableLayout="Fixed" AutoGenerateColumns="false" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="true">

<NoRecordsTemplate><div class="cssNoData">No items to display.</div></NoRecordsTemplate>

<NestedViewTemplate>

<asp:Panel runat="server" ID="InnerContainer" Visible="true">

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Government Standards" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Local Standards" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="PageView1">

<table width="570px" cellpadding=3 cellspacing=0 border=0 style="border: 4px outset Silver;">

<tr>

<td>

<asp:Label ID="lblSwitches1" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblExtDesc1" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAssessment1" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<telerik:RadGrid runat="server" ID="grdGStds" AllowPaging="False" Width="100%" Height="250px" ClientSettings-Scrolling-AllowScroll="true" AllowMultiRowSelection="false" Visible="false" Skin="Default" >

<MasterTableView DataKeyNames="GovtBodyStdKey" Width="100%" TableLayout="Fixed" AutoGenerateColumns="false" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="true">

<NoRecordsTemplate><div class="cssNoData">No items to display.</div></NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn HeaderStyle-Width="100px" UniqueName="GovtBodyStdKey" HeaderText="Standard" Visible="True" DataField="GovtBodyStdKey" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="GovtBodyStdDescription" HeaderText="Description" Visible="True" DataField="GovtBodyStdDescription" ReadOnly="true"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="false" >

<Selecting AllowRowSelect="false" EnableDragToSelectrows="false" />

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2">

<table width="570px" cellpadding=3 cellspacing=0 border=0 style="border: 4px outset Silver;">

<tr>

<td>

<asp:Label ID="lblSwitches2" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblExtDesc2" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAssessment2" CssClass="cssContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td>

<telerik:RadGrid runat="server" ID="grdLStds" AllowPaging="False" Width="100%" Height="250px" ClientSettings-Scrolling-AllowScroll="true" AllowMultiRowSelection="false" Visible="false" Skin="Default" >

<MasterTableView DataKeyNames="STANDARDNUMBER" Width="100%" TableLayout="Fixed" AutoGenerateColumns="false" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="true">

<NoRecordsTemplate><div class="cssNoData">No items to display.</div></NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn HeaderStyle-Width="100px" UniqueName="STANDARDNUMBER" HeaderText="Standard" Visible="True" DataField="STANDARDNUMBER" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LocalStandardDescription" HeaderText="Description" Visible="True" DataField="LocalStandardDescription" ReadOnly="true"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="false" >

<Selecting AllowRowSelect="false" EnableDragToSelectrows="false" />

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

</NestedViewTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="TopicKCGID" Visible="False" DataField="TopicKCGID" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="KCGID" Visible="False" DataField="KCGID"></telerik:GridBoundColumn>

<telerik:GridImageColumn ImageAlign="Middle" ImageUrl="../images/notshared.gif" AlternateText="This item is used once in the course(Not Shared)." UniqueName="imgShared" HeaderStyle-Width="25px"></telerik:GridImageColumn>

<telerik:GridTemplateColumn UniqueName="Concept" HeaderStyle-Font-Bold="true" HeaderStyle-Width="490px">

<ItemStyle VerticalAlign="Top"></ItemStyle>

<ItemTemplate>

<asp:LinkButton id="LinkButton1" Runat="server" CommandName="e">

<telerik:RadCodeBlock ID="cb1" runat="server">

<%# Container.DataItem("KCGDescription")%>

</telerik:RadCodeBlock>

</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ShowInEditForm="false" HeaderText="Delete" ConfirmText="Are you sure you want to delete this item?" ConfirmDialogType="Classic" ConfirmTitle="Confirm Delete" HeaderStyle-width="60px" HeaderStyle-Font-Bold="true" CommandName="d" FooterText="" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ButtonType="ImageButton" ImageUrl="../Images/delete.gif">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="true" >

<Selecting AllowRowSelect="true" EnableDragToSelectrows="false" />

</ClientSettings>

</telerik:RadGrid>

Show multiple lines of data for a single data item

1 Answer, 1 is accepted