Problem with Splitter Pane

2 posts, 0 answers
  1. harika dasari
    harika dasari avatar
    15 posts
    Member since:
    Oct 2009

    Posted 18 Mar 2010 Link to this post

    Hi Telerik,

         I have a serious issue, In my application i have three splitters with 3 different panes,
    one at the header section ,one as left pane and middle one as the content pane.

    Now i have a link button in my left pane
    when i click the link button on the left pane i'am setting the contentpane(middle pane) url to a new aspx page
    so now the page is being displayed in the content pane.
    My problem is that on click event of a button in the aspx page within the content pane i need to change the link button name in the left pane.
    Ia'm not able to access the left pane controls from the aspx page.
    Please help me out
    need reply asap.
    below is my code.

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SplitterSample._Default" %>

     

    <%

    @ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>

     

    <%

    @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

     

    <!

     

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <

     

    html xmlns="http://www.w3.org/1999/xhtml">

     

    <

     

    head runat="server">

     

     

    <title>SplitterSample</title>

     

    </

     

    head>

     

    <

     

    body>

     

     

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

     

     

    <asp:ScriptManager ID="srcMgr" runat="server">

     

     

    </asp:ScriptManager>

     

     

    <div>

     

     

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

     

     

    <table cellpadding="0" cellspacing="0" width="100%">

     

     

    <tr>

     

     

    <td colspan="4">

     

     

    <telerik:RadSplitter ID="RadSplitterTop" Orientation="Horizontal" runat="server"

     

     

    Height="100" Width="1000" BorderSize="0">

     

     

    <telerik:RadPane ID="RadPaneMaster" runat="server" PanesBorderSize="0">

     

     

    <table>

     

     

    <tr>

     

     

    <td align="left" colspan="4">

     

     

    <asp:Label ID="lblHeading" runat="server" Text="SaaS-RatingEngine" Font-Size="16px"></asp:Label>

     

     

    </td>

     

     

    <td align="right" colspan="4" style="padding-left: 710px">

     

     

    <asp:Label ID="lblLoginHeading" runat="server" Text="Login User Name|LogOut" Font-Size="16px"></asp:Label>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </telerik:RadPane>

     

    <%

    --<telerik:RadSplitBar ID="RadSplitBar" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>--%>

     

     

    </telerik:RadSplitter>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    <table cellpadding="0px" cellspacing="0px" width="100%">

     

     

    <tr>

     

     

    <td colspan="4">

     

     

    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="500" Width="1000">

     

     

    <telerik:RadPane ID="NavigationPane" runat="server" Width="150px" EnableEmbeddedBaseStylesheet="False"

     

     

    EnableEmbeddedSkins="true" Index="0" Skin="">

     

     

    <table>

     

     

    <tr>

     

     

    <td>

     

     

    <asp:LinkButton ID="lnkFirstPage" runat="server" Text="Fisrt Page Content(2)" Font-Size="16px" OnClick="lnkFirstPage_Click"></asp:LinkButton>

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td>

     

     

    <asp:LinkButton ID="lnkSecPage" runat="server" Text="Second Page" Font-Size="16px"></asp:LinkButton>

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td>

     

     

    <asp:LinkButton ID="lnkThirdPage" runat="server" Text="Third Page" Font-Size="16px"></asp:LinkButton>

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td>

     

     

    <asp:LinkButton ID="lnkFourthPage" runat="server" Text="Fourth Page" Font-Size="16px"></asp:LinkButton>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </telerik:RadPane>

     

     

    <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

     

     

    <telerik:RadPane ID="contentPane" runat="server">

     

     

    </telerik:RadPane>

     

     

    </telerik:RadSplitter>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </telerik:RadAjaxPanel>

     

     

    </div>

     

     

    </form>

     

    </

     

    body>

     

    </

     

    html>

     


    codebehind.cs

     

    protected void lnkFirstPage_Click(object sender, EventArgs e)

     

    {

    contentPane.ContentUrl =

    "FirstPage.aspx";

     

    }



    This is the default page code



    Now in the FirstPage.aspx

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeBehind="FirstPage.aspx.cs" Inherits="SplitterSample.FirstPage" %>

     

    <!

     

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <

     

    html xmlns="http://www.w3.org/1999/xhtml">

     

    <

     

    head runat="server">

     

     

    <title>Untitled Page</title>

     

     

     

    </

     

    head>

     

    <

     

    body>

     

     

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

     

     

    <div>

     

     

    <asp:Label ID="lblHello" runat="server" Text="THIS IS CONTENT OF FIRST PAGE"></asp:Label>

     

     

    <table>

     

     

    <tr>

     

     

    <td colspan="4">

     

     

    <asp:GridView ID="grdThirdPartyAuto" runat="server" AutoGenerateColumns="false" Width="800">

     

     

    <Columns>

     

     

    <asp:TemplateField HeaderText="Unit #">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblUnit" runat="server" Text='<%# Bind("Unit") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Make">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblMake" runat="server" Text='<%# Bind("Make") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Model">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblModel" runat="server" Text='<%# Bind("Model") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Year">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblYear" runat="server" Text='<%# Bind("Year") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="VIN #">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblVIN" runat="server" Text='<%# Bind("Vin") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Owner">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblOwner" runat="server" Text='<%# Bind("Owner") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Driver">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblDriver" runat="server" Text='<%# Bind("Driver") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Injured">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblInjured" runat="server" Text='<%# Bind("Injured") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    <asp:TemplateField HeaderText="Carrier">

     

     

    <ItemTemplate>

     

     

    <asp:Label ID="lblCarrier" runat="server" Text='<%# Bind("Carrier") %>'></asp:Label>

     

     

    </ItemTemplate>

     

     

    </asp:TemplateField>

     

     

    </Columns>

     

     

    <HeaderStyle HorizontalAlign="Center" />

     

     

    </asp:GridView>

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td colspan="4" align="center">

     

     

    <asp:Button ID="btnAdd" runat="server" Text="ADD" />

     

     

    </td>

     

     

    </tr>

     

     

    <asp:Panel ID="pnlAdd" runat="server" Visible="false">

     

     

    <tr>

     

     

    <td>

     

     

    <asp:Label ID="Label7" runat="server" Text="Unit"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox4" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label1" runat="server" Text="Make"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox1" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label2" runat="server" Text="Model"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox2" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label3" runat="server" Text="Year"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox3" runat="server" />

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td>

     

     

    <asp:Label ID="Label4" runat="server" Text="VIN"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox5" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label5" runat="server" Text="Owner"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox6" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label6" runat="server" Text="Driver"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox7" runat="server" />

     

     

    </td>

     

     

    <td>

     

     

    <asp:Label ID="Label8" runat="server" Text="Injured"></asp:Label>

     

     

    <br />

     

     

    <asp:TextBox ID="TextBox8" runat="server" />

     

     

    </td>

     

     

    </tr>

     

     

    </asp:Panel>

     

     

    </table>

     

     

    </div>

     

     

    </form>

     

    </

     

    body>

     

    </

     

    html>

     


    Codebehind

    using

     

    System;

     

    using

     

    System.Collections;

     

    using

     

    System.Configuration;

     

    using

     

    System.Data;

     

    using

     

    System.Linq;

     

    using

     

    System.Web;

     

    using

     

    System.Web.Security;

     

    using

     

    System.Web.UI;

     

    using

     

    System.Web.UI.HtmlControls;

     

    using

     

    System.Web.UI.WebControls;

     

    using

     

    System.Web.UI.WebControls.WebParts;

     

    using

     

    System.Xml.Linq;

     

    using

     

    Telerik.Web.UI;

     

    using

     

    Telerik.Web.Design;

     

    namespace

     

    SplitterSample

     

    {

     

    public partial class FirstPage : System.Web.UI.Page

     

    {

     

    protected void Page_Load(object sender, EventArgs e)

     

    {

    BindThirdPartyAuto();

    }

     

    public void BindThirdPartyAuto()

     

    {

     

     

    DataTable dtThirdPatyAuto = new DataTable();

     

    dtThirdPatyAuto.Columns.Add(

    "Unit");

     

    dtThirdPatyAuto.Columns.Add(

    "Make");

     

    dtThirdPatyAuto.Columns.Add(

    "Model");

     

    dtThirdPatyAuto.Columns.Add(

    "Year");

     

    dtThirdPatyAuto.Columns.Add(

    "Vin");

     

    dtThirdPatyAuto.Columns.Add(

    "Owner");

     

    dtThirdPatyAuto.Columns.Add(

    "Driver");

     

    dtThirdPatyAuto.Columns.Add(

    "Injured");

     

    dtThirdPatyAuto.Columns.Add(

    "Carrier");

     

     

    DataRow drThirdParty = dtThirdPatyAuto.NewRow();

     

    drThirdParty[0] =

    "1";

     

    drThirdParty[1] =

    "Toyota";

     

    drThirdParty[2] =

    "Corolla";

     

    drThirdParty[3] =

    "2002";

     

    drThirdParty[4] =

    "123235467";

     

    drThirdParty[5] =

    "FRANCIS";

     

    drThirdParty[6] =

    "FRED";

     

    drThirdParty[7] =

    "JOHNSON";

     

    drThirdParty[8] =

    "Progressive";

     

    dtThirdPatyAuto.Rows.Add(drThirdParty);

     

    DataRow drThirdParty1 = dtThirdPatyAuto.NewRow();

     

    drThirdParty1[0] =

    "2";

     

    drThirdParty1[1] =

    "Corolla";

     

    drThirdParty1[2] =

    "Toyota";

     

    drThirdParty1[3] =

    "2004";

     

    drThirdParty1[4] =

    "4575756889";

     

    drThirdParty1[5] =

    "Trevor Bayliss";

     

    drThirdParty1[6] =

    "GEORGE";

     

    drThirdParty1[7] =

    "FRANCIS";

     

    drThirdParty1[8] =

    "Progressive";

     

    dtThirdPatyAuto.Rows.Add(drThirdParty1);

    grdThirdPartyAuto.DataSource = dtThirdPatyAuto;

    grdThirdPartyAuto.DataBind();

    }

     

    protected void btnAdd_Click(object sender, EventArgs e)

     

     

    {

     

     

      on this event i need to access the FirstPageLink button..........

     

     

    }

     

    }

    }




  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 23 Mar 2010 Link to this post

    Hi harika dasari,
    For information how to implement the described behavior and for sample code, please refer to our Referencing content page in a splitter pane from the parent page and vice versa knowledge base article.

    Greetings,
    Tsvetie
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top