Problem in SlidingPaneDock?

[Bhuvan]

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

 

 

 

 

[Tsvetie]

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

[Bhuvan]

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


[Tsvetie]

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

[Bhuvan]

Hi

Thanks a Lot

Regards
Bhuvan