Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
95
How to handle events raised by page in left pane?
posted

Hi,

 I have a WebSplitter control on main page of my project and have put a .aspx page containing navigation pane. I wants dynamically load pages in right page according to the option selected in left pane. How can I achive this??

 

Thanks in advance!!

 Vijay

  • 24497
    Verified Answer
    posted

    Hi Vijay,

    I guess you ask about client side action, because on server it is easy to do. The ContentPane has a findControl(partial_ID) member function, which allows you to get reference to html element which id is based on partial_ID. To get reference to child control which is based on javascript, like WebNumericEdit, you should use functionality of that particular control like igedit_getById(clientIdOfControl).

    Below is example to set url on button click

    <script type="text/javascript">
    function
    loadUrl()
    {
     
    var splitter = $find('WebSplitter1');
     
    var textBox1 = splitter.get_panes()[0].findChild('TextBox1');
     
    if(!textBox1)
     
    return;
     splitter.get_panes()[1].set_contentUrl(textBox1.value);
    }
    </script>

    <ig:WebSplitter ID="WebSplitter1" runat="server" Height="133px" Width="321px">
     
    <Panes>
     
    <ig:SplitterPane runat="server">
       
    <Template>
         
    <asp:TextBox ID="TextBox1" runat="server" Text="http://www.apple.com"></asp:TextBox>
         
    <input type="button" value="Load" onclick="loadUrl()" />
       
    </Template>
     
    </ig:SplitterPane>
     
    <ig:SplitterPane runat="server" ContentUrl="http://www.mozilla.com">
     
    </ig:SplitterPane>
     
    </Panes>
    </ig:WebSplitter>