I have a page with a usercontrol. The usercontrol contains a RadPanelBar, and within this I have a ItemTemplate with a RadTreeView. I need to do DragAndDrop a HTML element on my page. I put the user control within a radAjaxPanel to ajaxify, but it's do always full postback when using DragAndDrop.
This is the code.
<radA:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" Skin="WebBlue">
<CollapseAnimation Duration="100" Type="None" />
<Items>
<telerik:RadPanelItem Expanded="True" Text="Templates List">
<Items>
<telerik:RadPanelItem >
<ItemTemplate>
<div class="ff" style="padding: 2px 2px 2px 2px">
Show templates below:</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<asp:DropDownList ID="ddlType" runat="server" class="ff" Width="98%" AutoPostBack="true"
OnSelectedIndexChanged="ddlType_SelectedIndexChanged">
<asp:ListItem Value="0">Product</asp:ListItem>
<asp:ListItem Selected="True" Value="1">Structural</asp:ListItem>
</asp:DropDownList>
</div>
<div id="divProductsToShow" runat="server" class="ff">
<span>
<asp:LinkButton ID="lnkShowRelated" runat="server" Enabled="true" OnClick="lnkShowRelated_Click">Show related</asp:LinkButton>
/
<asp:LinkButton ID="lnkShowAll" runat="server" Enabled="false" Font-Bold="true" OnClick="lnkShowAll_Click">Show all</asp:LinkButton>
</span>
</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<radA:RadAjaxPanel ID="RadAjaxPanel8" runat="server">
<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="true" OnNodeDrop="RadTreeView1_NodeDrop" >
</telerik:RadTreeView>
</radA:RadAjaxPanel>
</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<a href="mgrCommunicationTemplates3.aspx" class="TableLink">Add Other</a>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Expanded="True" Width="100%" Text="Most Used Templates">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div class="ff" style="padding: 2px 2px 2px 2px">
<telerik:RadTreeView ID="RadTreeView2" runat="server" EnableDragAndDrop="true" OnNodeDrop="RadTreeView2_NodeDrop" OnClientNodeDropping="ClientNodeDropping" >
</telerik:RadTreeView>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
<ExpandAnimation Duration="100" Type="None" />
</telerik:RadPanelBar>
</radA:RadAjaxPanel>
This is the code.
<radA:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" Skin="WebBlue">
<CollapseAnimation Duration="100" Type="None" />
<Items>
<telerik:RadPanelItem Expanded="True" Text="Templates List">
<Items>
<telerik:RadPanelItem >
<ItemTemplate>
<div class="ff" style="padding: 2px 2px 2px 2px">
Show templates below:</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<asp:DropDownList ID="ddlType" runat="server" class="ff" Width="98%" AutoPostBack="true"
OnSelectedIndexChanged="ddlType_SelectedIndexChanged">
<asp:ListItem Value="0">Product</asp:ListItem>
<asp:ListItem Selected="True" Value="1">Structural</asp:ListItem>
</asp:DropDownList>
</div>
<div id="divProductsToShow" runat="server" class="ff">
<span>
<asp:LinkButton ID="lnkShowRelated" runat="server" Enabled="true" OnClick="lnkShowRelated_Click">Show related</asp:LinkButton>
/
<asp:LinkButton ID="lnkShowAll" runat="server" Enabled="false" Font-Bold="true" OnClick="lnkShowAll_Click">Show all</asp:LinkButton>
</span>
</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<radA:RadAjaxPanel ID="RadAjaxPanel8" runat="server">
<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="true" OnNodeDrop="RadTreeView1_NodeDrop" >
</telerik:RadTreeView>
</radA:RadAjaxPanel>
</div>
<div class="ff" style="padding: 2px 2px 2px 2px">
<a href="mgrCommunicationTemplates3.aspx" class="TableLink">Add Other</a>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Expanded="True" Width="100%" Text="Most Used Templates">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div class="ff" style="padding: 2px 2px 2px 2px">
<telerik:RadTreeView ID="RadTreeView2" runat="server" EnableDragAndDrop="true" OnNodeDrop="RadTreeView2_NodeDrop" OnClientNodeDropping="ClientNodeDropping" >
</telerik:RadTreeView>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
<ExpandAnimation Duration="100" Type="None" />
</telerik:RadPanelBar>
</radA:RadAjaxPanel>