Questions on UI for ASP.NET AJAX Forum

2 answers

104 views

Why am using the grid when the GridTemplateColumn sheds?

Hi
Why using the GridTemplateColumn in grid Blast?(Template , Header, EditCommand Dont Show! )!!!!
So,How to Save in RadGrid ComboCheck And Insert Multi Select Item in LinqDataSource ,And return Select Multi Inserted in ComboCheck?

Grid

answered on 31 Oct 2014

3 answers

252 views

RadComboBox, PageLoad, AppendDataboundItems

Ran into a problem with the RadComboBox (rcb) today.

Was setting the selected value of the rcb in the page_load function and it was working fine when the rcb looked like this.

                        <telerik:RadComboBox ID="rcbAssignedTo" DataSourceID="Assignees" AppendDataBoundItems="true"
                            DataTextField="Name" DataValueField="ID" runat="server" Filter="Contains">
                        </telerik:RadComboBox>

Page_Load Code: rcbAssignedTo.SelectedValue = Request.QueryString("ato")

However when adding an empty item and AppendDataBoundItems set to true to the list like so

                        <telerik:RadComboBox ID="rcbAssignedTo" DataSourceID="Assignees" AppendDataBoundItems="true"
                            DataTextField="Name" DataValueField="ID" runat="server" Filter="Contains">
                            <Items>
                                <telerik:RadComboBoxItem Value="" />
                            </Items>
                        </telerik:RadComboBox>

The Page_Load code did not work and the rcb was empty. Which is strange because at some point the rcb was populated as it was filled when opening it on the page. However simply databinding the rcb before setting the selectedvalue fixes the problem.

New Page_Load Code:             rcbAssignedTo.DataBind()
                                               rcbAssignedTo.SelectedValue = Request.QueryString("ato")

I was just wondering if this is expected behaviour. I have seen several threads talking about LoadOnDemand being set to true will cause the rcb to populate once clicked, however it is set to false in this scenario so I don't see why the rcb would not be populated during page_load.

ComboBox

answered on 31 Oct 2014

1 answer

152 views

[Solved] Template column not showing when page size changes in radGrid using radclientdatasource.

Hi,
I am using radClientDataSource to bind the RadGrid , The client side pagination and page size works fine.like below link.

http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/client-data-source-binding/defaultcs.aspx?product=clientdatasource

Problem is : when page size changes from 5 to 10 , the template column (having checkbox in it) is not showing for another 5 rows...first 5 rows i am able to see checkbox control but not for another 5 rows in grid.

Please help me.

Below is the code for ref:

<div>
<telerik:RadClientDataSource ID="RadClientDataSource1" runat="server">
<DataSource>
<WebServiceDataSourceSettings >
<Select Url="http://localhost:1100/Invoice/InvoiceService.svc/InvoiceLucen" DataType="JSON" />
</WebServiceDataSourceSettings>
</DataSource>
<Schema>
<Model>
<telerik:ClientDataSourceModelField FieldName="SiteName" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="AccountNo" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="VendorName" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="CommodityName" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="ServiceMonth" DataType="Date" />
</Model>
</Schema>
</telerik:RadClientDataSource>
<telerik:RadGrid runat="server" ID="RadGrid1" ClientDataSourceID="RadClientDataSource1"
Width="306px" Skin="DV" AllowPaging ="true" EnableEmbeddedSkins="false" PageSize ="5" >
<MasterTableView>
<Columns>
<telerik:GridTemplateColumn UniqueName="CheckBox">
<HeaderTemplate>
<div style="float:left; width:43px;">
<asp:CheckBox ID="ChkHeaderSelect" runat="server" onClick="CheckGrdAllCheckBox(this)" CssClass="queecheckbox" />
</div>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="ChkSelect" runat="server" onClick="UncheckheaderCheckBox(this)" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="SiteName" HeaderText="Site Name" UniqueName="column">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AccountNo" HeaderText="AccountNo" UniqueName="column1">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="VendorName" HeaderText="Vendor Name" UniqueName="column2">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CommodityName" HeaderText="Service" UniqueName="column3">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ServiceMonth" HeaderText="ServiceMonth" UniqueName="column4">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</div>

ClientDataSource

answered on 31 Oct 2014

1 answer

109 views

Rad Menu will not AJAX datagrids

Hello All,

I'm not sure how to explain this so here goes. I have a RadMenu with two menu items. Each menu item simply shows one grid and hides the other. The grids themselves are AJAXED and work fine. But when I try to add the two grids as Updated Controls beneath the RadMenu in AJAX I get this error:

"0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'PRM_MissingPanel': object is null or undefined"

Here is my jax code:

<telerik:RadAjaxManagerProxy ID="ajaxmp" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="MsgGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="MsgGrid" LoadingPanelID="ralp1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="ExpGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ExpGrid" LoadingPanelID="ralp1" />
</UpdatedControls>
</telerik:AjaxSetting>


<telerik:AjaxSetting AjaxControlID="rmWl">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rmWl" LoadingPanelID="ralp1" />
<telerik:AjaxUpdatedControl ControlID="MsgGrid" LoadingPanelID="ralp1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>


<div style="text-align: center; margin-top: 5px; margin-bottom: 5px">
<telerik:RadMenu runat="server" ID="rmWl" Flow="Horizontal" CssClass="MyRadMenu" RenderMode="Classic" OnItemClick="rmMenu_ItemClick">
<Items>
<telerik:RadMenuItem Text="Setup" PostBack="false">
<Items>
<telerik:RadMenuItem Text="Messages and Self Serve" Value="M" />
<telerik:RadMenuItem Text="Expenses" Value="E" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Reports" PostBack="false">
<Items>
<telerik:RadMenuItem Text="Run Report" Value="R" />
<telerik:RadMenuItem Text="Run Batch" Value="B" />
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</div>

For what it's worth, both grids are in a pageview, the menu is not.

What am I doing wrong here?

Thanks!

Menu

answered on 31 Oct 2014

1 answer

171 views

Batch Editing Help

Hello!

I'd like some help on two issues that I'm running into while using "EditMode=Batch" on a RadGrid that's bound to an object data source. The Grid is simple with just 3 columns and 4 hidden columns. In those 3 visible columns, only the 3rd column is the editable column. The first two columns are last_update (date) and who (updated).

For inserts, I'd like that to be a static label values with last_update = today's date and who will be the currently logged in use who is in a Session Variable.
For updates, I was trying to display those two labels with whatever the values that were retrieved and while while inserting the actual values, I wanted to override the values of last_update with the recent date/time and whoever the new user that's editing the record for "who" column.

This simple task of displaying this using <ClientEvents OnBatchEditOpening="SetLabels" /> javascript was absolutely tedious task and I am not sure whether these two columns can be a Bound Column or does it have to be a template column with Label controls inside for both edit and insert?

I've provided some code snippets here.

NOTE: This page is called inside a RadTab strip control which is part of another page with Master Page that has the radscript manager and window manager etc as well. I'm not sure whether for this reason, we encounter another issue with enabling the first three lines of javascript below. Because whenever those lines are uncommented, the "Batch Edit" mode automatically becomes "Form Edit" mode and the javascript doesn't fire.

Any help is appreciated.

Thank you!

<!DOCTYPE html>

<html>

<head id="Head1" runat="server">

<title>GDBID - Invoice Notes</title>

<script type="text/javascript">

function SetLabels(sender, args) {

//var RowID = args.get_id(); //get Row

//var masterTable = document.getElementById("RadGrid1").get_masterTableView(); //get Grid

//var ControlX = masterTable.get_dataItems()[RowID].findElement('lblLastUpdateInsert').id; //get Control ID

if (args.get_columnUniqueName() == "last_update") {

var cardStatusCell = sender.get_masterTableView()._getCellByColumnUniqueNameFromTableRowElement(args.get_row(), "last_update");

//alert(sender.get_batchEditingManager().getCellValue(cardStatusCell));

//sender.get_batchEditingManager().changeCellValue(cardStatusCell, "10/28/2014");

var txtBox = document.getElementById("RadGrid1_RadGrid1_ctl00_last_update_TB_last_update");

if (txtBox != null) { txtBox.value = "Hello World"; txtBox.disabled = true; }

}

</script>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnablePartialRendering="true" EnablePageMethods="true"

LoadScriptsBeforeUI="true" AsyncPostBackTimeout="600" EnableScriptCombine="false" ScriptMode="Release">

<Groups>

<telerik:ScriptReferenceGroup>

<Scripts>

<asp:ScriptReference Path="~/Scripts/jquery-1.4.1.js" />

<asp:ScriptReference Path="~/Scripts/json2.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />

</Scripts>

</telerik:ScriptReferenceGroup>

</Groups>

</telerik:RadScriptManager>

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">

<asp:Table ID="tblInvoiceNotes" runat="server" CssClass="">

<asp:TableRow>

<asp:TableCell>

<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" PageSize="10" Skin="Telerik"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

AllowPaging="True" AutoGenerateColumns="False" Width="750px" DataSourceID="objDataSourceIN"

OnBatchEditCommand="RadGrid1_BatchEditCommand" OnUpdateCommand="RadGrid1_UpdateCommand"

OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand">

<ValidationSettings EnableModelValidation="true" EnableValidation="true" CommandsToValidate="Update,InitInsert,Insert" />

<MasterTableView CommandItemDisplay="Top" DataKeyNames="InvNum,InvDbId,InvNotesNum" AutoGenerateColumns="False"

DataSourceID="objDataSourceIN" HorizontalAlign="NotSet" EditMode="Batch">

<BatchEditingSettings EditType="Cell" OpenEditingEvent="Click" />

<%-- <SortExpressions><telerik:GridSortExpression FieldName="last_update" SortOrder="Descending" /></SortExpressions>--%>

<Columns>

<%--<telerik:GridTemplateColumn HeaderText="Date" UniqueName="last_update" HeaderStyle-Width="150px" DataField="last_update">

<ItemTemplate><%# Eval("last_update") %></ItemTemplate>

<EditItemTemplate>

<asp:Label runat="server" ID="lblLastUpdateEdit" Text='<%#Eval("last_update")%>' Visible="true"></asp:Label>

</EditItemTemplate>

<InsertItemTemplate>

<asp:Label runat="server" ID="lblLastUpdateInsert" Text="<%= DateTime.Now.ToShortDateString() %>" Visible="true"></asp:Label>

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Who" UniqueName="who" HeaderStyle-Width="200px" DataField="who">

<ItemTemplate><%# Eval("who") %></ItemTemplate>

<EditItemTemplate>

<asp:Label runat="server" ID="lblWhoEdit" Text='<%#Eval("who")%>'></asp:Label>

</EditItemTemplate>

<InsertItemTemplate>

<asp:Label runat="server" ID="lblWhoInsert" Text="" Visible="true"></asp:Label>

</InsertItemTemplate>

</telerik:GridTemplateColumn>--%>

<telerik:GridBoundColumn DataField="last_update" HeaderStyle-Width="150px" HeaderText="Date"

SortExpression="last_update" UniqueName="last_update"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="who" HeaderStyle-Width="200px" HeaderText="Who"

SortExpression="who" UniqueName="who"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Notes" HeaderStyle-Width="410px" HeaderText="Notes" SortExpression="Notes" UniqueName="Notes">

<ColumnValidationSettings EnableRequiredFieldValidation="true">

<RequiredFieldValidator ForeColor="Red" Text="*This field is required" Display="Dynamic">

</RequiredFieldValidator>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvNum" DataType="System.Int32" HeaderText="InvNum" UniqueName="InvNum" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvDbId" DataType="System.Int32" HeaderText="InvDbId" UniqueName="InvDbId" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvNotesNum" DataType="System.Int32" HeaderText="InvNotesNum" UniqueName="InvNotesNum" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AllowEdit" DataType="System.String" HeaderText="AllowEdit" UniqueName="AllowEdit" Display="false">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Note?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" HeaderText="Delete" HeaderStyle-Width="50px" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ImageUrl="Images\GridRowDelete.gif">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true">

<ClientEvents OnBatchEditOpening="SetLabels" />

</ClientSettings>

</telerik:RadGrid>

<asp:Label ID="SavedChangesList" runat="server" Text="" ForeColor="Red" Font-Names="Calibri"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</telerik:RadAjaxPanel>

<asp:ObjectDataSource ID="objDataSourceIN" runat="server" TypeName="Notes"

SelectMethod="GetData" InsertMethod="Insert" UpdateMethod="Update" DeleteMethod="Delete"

EnablePaging="false" EnableCaching="true">

<SelectParameters>

<asp:SessionParameter Name="user" SessionField="UserName" Type="String" />

<asp:SessionParameter Name="location" SessionField="Location" Type="String" />

<asp:QueryStringParameter Name="searchinvnuminvdbid" QueryStringField="InvNumInvDbId" Type="String" />

<asp:Parameter Name="searchdetailnum" Type="String" DefaultValue="" />

</SelectParameters>

<InsertParameters>

<asp:SessionParameter Name="user" SessionField="UserName" Type="String" />

<asp:SessionParameter Name="location" SessionField="Location" Type="String" />

<asp:QueryStringParameter Name="searchinvnuminvdbid" QueryStringField="InvNumInvDbId" Type="String" />

</InsertParameters>

<UpdateParameters>

<asp:SessionParameter Name="user" SessionField="UserName" Type="String" />

<asp:SessionParameter Name="location" SessionField="Location" Type="String" />

</UpdateParameters>

<DeleteParameters>

<asp:SessionParameter Name="user" SessionField="UserName" Type="String" />

<asp:SessionParameter Name="location" SessionField="Location" Type="String" />

</DeleteParameters>

</asp:ObjectDataSource>

</form>

</body>

</html>

Grid

answered on 31 Oct 2014

1 answer

94 views

Upgrading from 2010.1.519.35 and grid column data is empty

I'm having trouble with the radGrids when upgrading our application from 2010.1.519.35 to the latest aspnet-ajax UI build. The grids show the correct number of rows and the columns that are links display the data correctly, however the data in the other columns are blank. The column headers are there, just no values. I'm not seeing anything in the demos that's different when defining grids. Any ideas what this might be?

Grid

answered on 31 Oct 2014

3 answers

667 views

How Remove Radwindow Features

Hi All,

I am using radwindow.

When i open the radwindow it gives 4 option as 'Pin on' 'Refresh','Minimize','Maximize','Close'

I want to disable the 'Pin On' ,'Minimize','Maximize' option of radwindow.

Thanks

Window

answered on 31 Oct 2014

3 answers

300 views

[Solved] Export to Excel (BIFF) Format - Margin, Header, Footer, Scale Page

I would like to do some formatting on exported Excel spreadsheets, preferably with utilizing the BIFF export. Is it possible to do the following things with exporting via BIFF? If not, how about HTML or ExcelML?

-Scaling width to fit on one page
-Adding Header data (that will show on each page when printed)
-Adding footer data (that will show on each page when printed)
-Adjusting margins
-Looping through each row and coloring every other row a different color

Grid

answered on 31 Oct 2014

1 answer

167 views

RadPanel

Good afternoon,
I have a problem with Telerik's controls.
I have several drop down in a RadPanel. Within the form I have a button that opens a modal window (it's a ascx). At the same time that the modal window opens, every drop down opens or closes (just the opposite it was).
My question is ..
Is there any way to remain opened the dropdown RadPanel and not getting them closed automatically when opening the modal window?

Thank you very much.

General Discussions

answered on 31 Oct 2014

1 answer

176 views

Editing labels inside grid

Hi Team,

I am using telerik version of

I have a grid inside that grid I have three tabs.In one tab click I am displaying the labels with some data.
I need to edit that labels.
Is it possible to edit the labels inside the grid.

aspx file:

<telerik:RadGrid ID="LoadingRadGrid" OnItemDataBound="LoadingRadGridFormat_OnItemDataBound"
                            runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel" Height="375px"
                            Width="500px" OnNeedDataSource="LoadingRadGrid_NeedDataSource"
                             OnUpdateCommand="LoadingRadGrid_UpdateCommand" OnBatchEditCommand="LoadingRadGrid_BatchEditCommand" OnInsertCommand="LoadingRadGrid_InsertCommand"
                             OnItemCommand="LoadingRadGrid_ItemCommand" OnSelectedIndexChanged="LoadingRadGrid_SelectedIndexChanged" OnCancelCommand="LoadingRadGrid_CancelCommand">

                            <MasterTableView ShowHeadersWhenNoRecords="true" CommandItemDisplay="Top" EditMode="Batch" DataKeyNames="Loading_ID">
                                <CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add NewLoad" />
                            <BatchEditingSettings EditType="Cell" />
                                <NestedViewTemplate>

                                    <telerik:RadTabStrip runat="server" ID="LoadTabStip" MultiPageID="LoadMultipage" ClickSelectedTab="True"
                                        SelectedIndex="0" OnTabClick="LoadTabStip_TabClick" Orientation="HorizontalTop">
                                        <Tabs runat="server">
                                            <telerik:RadTab runat="server" Text="Details" PageViewID="RadPageViewDetails">
                                            </telerik:RadTab>
                                            <telerik:RadTab runat="server" Text="Compartments" PageViewID="RadPageViewCompartments">
                                            </telerik:RadTab>
                                            <telerik:RadTab runat="server" Text="Products" PageViewID="RadPageViewProducts">
                                            </telerik:RadTab>
                                        </Tabs>
                                    </telerik:RadTabStrip>
                                    <telerik:RadMultiPage runat="server" ID="LoadMultipage" SelectedIndex="0" RenderSelectedPageOnly="false">

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

                                            <div class="contactWrap">
                                                <table cellpadding="0" cellspacing="0">
                                                    <tr>
                                                       <td><asp:Label ID="lbl_TerminalId" runat="server" Text='Terminal Id:' Font-Bold="true"></asp:Label></td>
                                                       <td><asp:Label ID="lbl_TerminalIdValue" runat="server"></asp:Label> </td>
                                                    </tr>
                                                    <tr>
                                                        <td><asp:Label ID="lbl_TerminalName" runat="server" Text='TerminalName:' Font-Bold="true"></asp:Label></td>
                                                        <td><asp:Label ID="lbl_TerminalNameValue" runat="server"></asp:Label> </td>

                                                    </tr>
                                                </table>
                                            </div>
                                        </telerik:RadPageView>
                                        <telerik:RadPageView runat="server" ID="RadPageViewCompartments">

                                            <telerik:RadGrid ID="CompartmentLevelLoadRadGrid" runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel"
                                                Height="233px" Width="475px" OnItemDataBound="CompartmentLevelLoadRadGrid_ItemDataBound" OnNeedDataSource="CompartmentLevelLoadingRadGrid_NeedDataSource"
                                                OnUpdateCommand="CompartmentLevelLoadRadGrid_UpdateCommand" OnBatchEditCommand="CompartmentLevelLoadRadGrid_BatchEditCommand" OnInsertCommand="CompartmentLevelLoadRadGrid_InsertCommand">
                                                <MasterTableView ShowHeadersWhenNoRecords="true" CommandItemDisplay="Top" EditMode="Batch">
                                                     <CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add Line Item"/>
                                                     <BatchEditingSettings EditType="Cell" />
                                                    <Columns>

                                                        <telerik:GridBoundColumn UniqueName="CompNo" DataField="CompartmentIndex" HeaderText="Comp No." ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PriorToLoad" DataField="PTL" HeaderText="PriorTo Load">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadProd" DataField="PlannedProductName" HeaderText="Planned Product" ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadProd" DataField="ActualProductName" HeaderText="Actual Product" >
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadQty" DataField="PlannedQuantity" HeaderText="Planned Quantity" ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadQty" DataField="ActualQuantity" HeaderText="Actual Quantity">
                                                        </telerik:GridBoundColumn>
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </telerik:RadPageView>
                                        <telerik:RadPageView runat="server" ID="RadPageViewProducts">

                                            <telerik:RadGrid ID="ProductLevelLoadRadGrid" runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel"
                                                Height="233px" Width="475px" OnItemDataBound="ProductLevelLoadRadGrid_ItemDataBound" OnNeedDataSource="ProductLevelLoadingRadGrid_NeedDataSource">
                                                <MasterTableView ShowHeadersWhenNoRecords="true">
                                                    <Columns>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadProd" DataField="PlannedProductName" HeaderText="Planned Product" Visible="false">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadProd" DataField="ActualProductName" HeaderText="Product">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PriorToLoadQty" DataField="PTL" HeaderText="PriorTo Load">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadQty" DataField="PlannedQuantity" HeaderText="Planned Quantity">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadQty" DataField="ActualQuantity" HeaderText="Actual Quantity">
                                                        </telerik:GridBoundColumn>
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </telerik:RadPageView>
                                    </telerik:RadMultiPage>

                                </NestedViewTemplate>

                                <Columns>
                                    <telerik:GridBoundColumn UniqueName="LoadId" DataField="Loading_ID" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="TerminalId" DataField="Plant_ID">
                                        <ColumnValidationSettings EnableRequiredFieldValidation="true">
                                            <RequiredFieldValidator ForeColor="Red" Text="Plant_ID is required" Display="Dynamic">
                                            </RequiredFieldValidator>
                                        </ColumnValidationSettings>
                                    </telerik:GridBoundColumn>

                                    <telerik:GridBoundColumn UniqueName="TerminalName" DataField="TerminalName" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="LoadingStartTime" DataField="LoadingStartTime" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="LoadingEndTime" DataField="LoadingEndTime" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                </Columns>
                            </MasterTableView>
                            <ClientSettings>
                                <Scrolling AllowScroll="true" />
                            </ClientSettings>
                        </telerik:RadGrid>

aspx.cs file:

protected void LoadTabStip_TabClick(object sender, RadTabStripEventArgs e)
    {
        //AddPageView(e.Tab.Text);
        e.Tab.PageView.Selected = true;
        string selectedtabindex = e.Tab.Text;
        Int64 shipmentID = Convert.ToInt64(ShiftTreeView.SelectedNode.Value);
        Int64 load = 0;
        load = Convert.ToInt64(Session[_lastLoadingSelect1].ToString());
        switch (selectedtabindex)
        {
            case "Details":
                {
                    RadPageView page = (RadPageView)e.Tab.PageView;
                    List<LoadingDetailExtraEntity> loadingDetails = new List<LoadingDetailExtraEntity>();
                    //loadingDetails = loadingDetailManager.GetLoadingDetailByShipmentId(shipmentID);
                    loadingDetails = loadingDetailManager.GetLoadingDetailWSListByLoadingId(load);
                    Label lblTerminalId = (Label)page.FindControl("lbl_TerminalIdValue");
                    Label lblTerminalName = (Label)page.FindControl("lbl_TerminalNameValue");
                    if (loadingDetails.Count > 0)
                    {

                        lblTerminalId.Text = loadingDetails[0].Plant_ID.ToString();
                        lblTerminalName.Text = loadingDetails[0].TerminalName;
                    }
                    else
                    {
                        lblTerminalId.Text = MyGlobal.SDP_GUI_RADGRID_NO_RECORDS_FOUND;
                        lblTerminalName.Text = MyGlobal.SDP_GUI_RADGRID_NO_RECORDS_FOUND;
                    }
                    break;
                }
            case "Compartments":
                {
                    RadPageView page = (RadPageView)e.Tab.PageView;
                    RadGrid grdCompartment = (RadGrid)page.FindControl("CompartmentLevelLoadRadGrid");                    //List<LoadingDetailExtraEntity> CompartmentTabListinstance = new List<LoadingDetailExtraEntity>();
                    //CompartmentTabListinstance = loadingDetailManager.GetLoadingDetailWSListByLoadingId(load);
                    //Session["_storeCompartmentLoadTable"] = CompartmentTabListinstance;                    List<LoadingDetailExtraEntity> CompartmentTabListinstance = (List<LoadingDetailExtraEntity>)Session["_storeCompartmentLoadTable"];                    grdCompartment.DataSource = CompartmentTabListinstance;
                    grdCompartment.DataBind();                    //e.Tab.Controls.Add(grdLoad);
                    break;
                }
            case "Products":
                {
                    RadPageView page = (RadPageView)e.Tab.PageView;
                    RadGrid grdProduct = (RadGrid)page.FindControl("ProductLevelLoadRadGrid");
                    //List<LoadingDetailExtraEntity> ProductTabListinstance = new List<LoadingDetailExtraEntity>();
                    //ProductTabListinstance = loadingDetailManager.GetLoadingDetailByLoadIdAtProductLevel(load);
                    //Session["_storeProductLoadTable"] = ProductTabListinstance;                    List<LoadingDetailExtraEntity> ProductTabListinstance = (List<LoadingDetailExtraEntity>)Session["_storeProductLoadTable"];
                    grdProduct.DataSource = ProductTabListinstance;
                    grdProduct.DataBind();
                    break;
                }
        }
    }

Grid

answered on 31 Oct 2014