Problem in SlidingPaneDock?

5 posts, 1 answers
  1. Bhuvan
    Bhuvan avatar
    50 posts
    Member since:
    Dec 2010

    Posted 31 Dec 2010 Link to this post

    Hi,

     I created as RadSlider as below

    <telerik:RadSplitter ID="RadS_Filter" runat="server" Height="22px"
    Orientation="Horizontal" Width="820px">
    <telerik:RadPane ID="RadP_Filter" runat="server" Height="22px" Scrolling="none">
    <telerik:RadSlidingZone ID="RadSZ_Filter" runat="server" Height="22px"
    SlideDirection="Bottom" Font-Size="Medium" Width="500px">
    <telerik:RadSlidingPane ID="RadSP_Filter" runat="server"
    BackColor="ButtonFace" Title="Filter" Height="120" OnClientDocked="changesizefilter" OnClientUndocked="ChangeUndockSizeFilter">
    <table cellspacing="10" id="tbl_comboTable" runat="server">
    <tr>
    <td>
    <asp:Label ID="lbl_FilParent" runat="server" Text="Parent"></asp:Label>
    </td>
    <td>
    <telerik:RadComboBox ID="RadcmbFil_Parent" runat="server"  AutoPostBack="True" AllowCustomText="True"  onselectedindexchanged="RadcmbFil_Parent_SelectedIndexChanged" Width="300">
    </telerik:RadComboBox>
    </td>
    <td>
    <asp:Label ID="lbl_FilStudent" runat="server" Text="Student"></asp:Label>
    </td>
    <td>
    <telerik:RadComboBox ID="RadcmbFil_Student" runat="server" Skin="Hay"  AllowCustomText="True" Height="22px" Width="300">
    </telerik:RadComboBox>
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lbl_FilSubject" runat="server" Text="Subject"></asp:Label>
    </td>
    <td>
    <telerik:RadComboBox ID="RadcmbFil_subject" runat="server"  AutoPostBack="True" AllowCustomText="True" Width="300">
    </telerik:RadComboBox>
        </td>
        <td colspan="2">
                <asp:Button ID="btn_FilterSearch" runat="server" Text="Search" Width="100" />
        </td>
        </tr> 
                </table>
    </telerik:RadSlidingPane>
    </telerik:RadSlidingZone>
    </telerik:RadPane>
    </telerik:RadSplitter>

    After this  i  used two Java script Functions for ClientDocked and Undocked

    When the client Docks

    function changesizefilter()
    {
    var splitter = $find("<%=RadS_Filter.ClientID%>");
    var height = 150;
    splitter.set_height(height);
    __doPostBack(
    '<UpdatePanel>',');
    }

    When The Click Undocks

     

     

    function ChangeUndockSizeFilter()
    {
    var splitter = $find("<%=RadS_Filter.ClientID%>");
    var height = 22;
    splitter.set_height(height);
    window.location.reload(
    true);
    }

    But the problem is getting at onclientDocked.
     when the client docks the page is refreshing Multiple Times......Why it is happening..Does it acheives in other way?
    Regards
    Bhuvan

     

     

     

     

  2. Answer
    Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 03 Jan 2011 Link to this post

    Hello Bhuvan,
    The sliding panes are expanded/docked initially client-side. That is why, as soon as the client-side object of the splitter is recreated after the postback, the sliding pane is docked and the docked client-side event is raised again. The following condition should fix the problem:
    function changesizefilter() {
        if(!$find("<%= RadS_Filter.ClientID %>")._initializedInternal) return;
     
        var splitter = $find("<%=RadS_Filter.ClientID%>");
        var height = 150;
        splitter.set_height(height);
        __doPostBack('<UpdatePanel>', '');
    }

    Greetings,
    Tsvetie
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bhuvan
    Bhuvan avatar
    50 posts
    Member since:
    Dec 2010

    Posted 03 Jan 2011 Link to this post

    Hi..


    Thanks its working...
     
    But what is the meaning of the below function
    if(!$find("<%= RadS_Filter.ClientID %>")._initializedInternal) return;
    I googled it but i didnt got properly..will explain in short please

    Regards
    Bhuvan
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 04 Jan 2011 Link to this post

    Hi Bhuvan,
    This is a private property (_initializedInternal) that the splitter control uses in its code. It is set to "false" by default and its value changes to "true" as soon as the splitter is initialized and all initial operations (re-size, initial collapse, initial expand, initial dock) have completed. Even though we do not recommend using private properties and methods, it is safe to use this one in this particular case.

    Kind regards,
    Tsvetie
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. Bhuvan
    Bhuvan avatar
    50 posts
    Member since:
    Dec 2010

    Posted 04 Jan 2011 Link to this post

    Hi

    Thanks a Lot

    Regards
    Bhuvan
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017