or
<telerik:RadWindow runat="server" ID="dlgEditPage" Modal="true" AutoSize="true" Width="506" MaxWidth="510" Top="50" Height="258" MaxHeight="260"><br> <ContentTemplate><br> <div id="EditTitle"><br><br> <div class="creat-survey-link-main" style="width:500px;"><br> <div><br> <div class="header-secondtop-line border-grey"></div><br> <div class="creat-survey-link-header-main" style="width:500px;"><br> <h3 class="creat-survey-link-green-heading float-lt" style="color:#405d0b;">Edit Page</h3><br> <div class="float-rt creat-survey-link-close" onclick="javascript:CloseRadWindow()" > <a href="javascript:void(0)"> <img src="../images/Close_icon.png" class="float-lt" /><br> <div class="float-lt" style="margin-top:2px; margin-left:2px;">Close</div><br> </a><br> <div class="clear"></div><br> </div><br> <div class="clear"></div><br> <div style="padding:20px 30px; background:#fff"><br> <div><br> <div class="title float-lt" style="padding:5px; width:80px; text-align:left;">Page Title:</div><br> <div class="float-lt"><input type="text" value="Change Your Title Here" style="width:200px;" /></div><br> <div class="clear"></div><br> </div><br> <div class="marTop"><br> <div class="title float-lt" style="padding:5px; width:80px; text-align:left;">Page Description:</div><br> <div class="float-lt"><textarea type="text" style="width:330px;">Change Your Title Here </textarea></div><br> <div class="clear"></div><br> </div> <br> <div class="clear"></div> <br> <br> <div style="float:left; margin:20px 0px 0px 90px;"><br> <div class="creat-folder-button-curve"><img src="../images/Save.png" style="padding-left:25px;" class="float-lt" width="16" /> <strong style="font-size:14px; padding:0px 10px; display:block; float:left;">Save</strong></div><br> <div class="creat-folder-button-curve" onclick="javascript:CloseRadWindow()"><img src="../images/close.png" style="padding-left:20px;" class="float-lt" width="16" /> <strong style="font-size:14px; padding:0px 10px; display:block; float:left;">Cancel</strong></div><br> </div><br> <div class="clear"></div> <br> </div><br> <br> <br> </div> <br> </div><br> </div><br><br> </div><br> </ContentTemplate><br> </telerik:RadWindow><cs:GlobalSettingsRadWindow ID="DashboardGlobalSettingsWindow" Runat="Server" > <ContentTemplate> <div ID="GlobalSettingsDecorationZone"> <fieldset id="RefreshProperties"> <legend>Refresh Settings</legend> <div id="RefreshArea"> <div id="RefreshLeftSide"> Auto-Refresh Enabled: <asp:CheckBox ID="AutoRefreshCheckBox" Runat="Server" /> </div> <div id="RefreshRightSide"> <telerik:RadNumericTextBox ID="AutoRefreshNumericTextBox" Runat="Server" Label="Auto-Refresh Interval (Minutes):" MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False" LabelCssClass="riLabel LabelDisabled" DataType="System.Int32"> <NumberFormat DecimalDigits="0" AllowRounding="False" /> </telerik:RadNumericTextBox> </div> </div> </fieldset> <fieldset id="TabProperties"> <legend>Tab Settings</legend> <div id="TabPropertiesArea"> <div id="TabLeftSide"> <telerik:RadListBox ID="TabsListBox" Runat="Server" AllowDelete="True" AllowReorder="True" EnableDragAndDrop="True" Height="95px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" Width="150px" OnClientLoad="OnClientLoad" TabIndex="1" /> </div> <div id="TabRightSide"> <telerik:RadTextBox ID="TabTextBox" Runat="Server" EmptyMessage="Enter tab name" Width="150px" /> <div id="TabButton"> <telerik:RadButton ID="TabTextApplyButton" Runat="server" Text="Add Tab" AutoPostBack="False" OnClientClicked="OnButtonClicked"> </telerik:RadButton> </div> </div> </div> </fieldset> <fieldset id="CycleProperties"> <legend>Tab Cycle Settings</legend> <div id="CycleArea"> <div id="CycleLeftSide"> Auto-Cycle Enabled: <asp:CheckBox ID="AutoCycleCheckBox" runat="server" /> </div> <div id="CycleRightSide"> <telerik:RadNumericTextBox ID="AutoCycleNumericTextBox" Runat="server" Label="Auto-Cycle Interval (Minutes):" MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False" LabelCssClass="riLabel LabelDisabled" DataType="System.Int32"> <NumberFormat DecimalDigits="0" AllowRounding="False" /> </telerik:RadNumericTextBox> </div> </div> </fieldset> <div id="BottomButton"> <telerik:RadButton ID="ApplyGlobalSettingsButton" Runat="server" Text="Apply" AutoPostBack="False" OnClientClicked="CloseAndSave"/> </div> </div> </ContentTemplate> </cs:GlobalSettingsRadWindow>private void InitializeGlobalSettings(){ //Global Settings Window Code. GlobalSettings globalSettings = StateManager.GetStates<GlobalSettings>(); if (globalSettings.RefreshEnabled) { AutoRefreshCheckBox.Checked = true; AutoRefreshNumericTextBox.Value = globalSettings.RefreshInterval; AutoRefreshNumericTextBox.LabelCssClass = "LabelEnabled"; AutoRefreshNumericTextBox.Enabled = true; } TabsListBox.Items.Clear(); foreach (RadTab tab in LayoutManager.Instance.TabStrip.Tabs) { TabsListBox.Items.Add(new RadListBoxItem {Text = tab.Text, Value = tab.Value}); } if (globalSettings.CycleEnabled) { AutoCycleCheckBox.Checked = true; AutoCycleNumericTextBox.Value = globalSettings.CycleInterval; AutoCycleNumericTextBox.LabelCssClass = "LabelEnabled"; AutoCycleNumericTextBox.Enabled = true; }}We are using Telerik control in our page & we use RadMultiPage control along with RadPageView and RadTreeView
We use to transfer Item from Left multipage to Right as shown in the figure (query.jpg), via drag & drop or select an item from Left & click on button to add that item on right side.
Every time we do this it is causing post back of the page. Can you look into the code & help us in stopping
The postback of the page
<asp:Content ID="FormContentPlace" ContentPlaceHolderID="FormContentPlaceHolder" runat="server"> <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" /> <link href="../Skins/AdhocReports/TreeView.AdhocReports.css" rel="Stylesheet" type="text/css" /> <link href="../Skins/AdhocReports/Grid.AdhocReports.css" rel="Stylesheet" type="text/css" /> <link href="../Skins/Vista2009/Grid.Vista2009.css" rel="Stylesheet" type="text/css" /> <link href="../Skins/Office2009/Dock.Office2007.css" rel="Stylesheet" type="text/css" /> <link href="../Skins/Office2009/TabStrip.Office2007.css" rel="Stylesheet" type="text/css" /> <![if !(IE)]> <link href="../Styles/AdhocReports.css" rel="stylesheet" type="text/css"/> <![endif]> <![if (IE)]> <link href="../Styles/AdhocReportsIE6.css" rel="stylesheet" type="text/css"/> <![endif]> <link href="../Skins/GIRadWindow/GIRadWindow/Window.GIRadWindow.css" rel="stylesheet" type="text/css" /> <link href="../Skins/GIRadWindow/Window.css" rel="stylesheet" type="text/css" /> <telerik:RadScriptBlock runat="Server" ID="RadScriptBlock1"> <script src="../Scripts/window.size.js" type="text/javascript"></script> <script src="../Scripts/RadGrid.js" type="text/javascript"></script> <script src="../Scripts/SysActions.js" type="text/javascript"></script> <script src="../Scripts/DisableTextSelect.js" type="text/javascript" ></script> <script type="text/javascript"> /* <![CDATA[ */ var gridId = "<%= TemplatesRadGrid.ClientID %>"; var gridId1 = "<%= GeoUnitsRadGrid.ClientID %>"; var gridId2 = "<%= BusUnitsRadGrid.ClientID %>"; var gridId3 = "<%= EmpClassRadGrid.ClientID %>"; function EnablePostback(target) { var existing = document.getElementById('jscript'); if (existing == null) { var newelement = document.createElement('input'); newelement.setAttribute('id', 'jscript'); newelement.setAttribute('name', 'jscript'); newelement.setAttribute('value', 'yes'); newelement.setAttribute('type', 'hidden'); document.getElementById(target).appendChild(newelement); } } function isMouseOverGrid(target) { parentNode = target; while (parentNode != null) { if (parentNode.id == gridId) { return parentNode; } parentNode = parentNode.parentNode; } return null; } function onNodeDragging(sender, args) { var target = args.get_htmlElement(); if(!target) return; if (target.tagName == "INPUT") { target.style.cursor = "hand"; } var grid = isMouseOverGrid(target) if (grid) { grid.style.cursor = "hand"; } } function dropOnHtmlElement(args) { if(droppedOnInput(args)) return; if(droppedOnGrid(args)) return; } function droppedOnGrid(args) { var target = args.get_htmlElement(); while(target) { if(target.id == gridId || target.id == gridId1 || target.id == gridId2 || target.id == gridId3) { args.set_htmlElement(target); return; } target = target.parentNode; } args.set_cancel(true); } function droppedOnInput(args) { var target = args.get_htmlElement(); if (target.tagName == "INPUT") { target.style.cursor = "default"; target.value = args.get_sourceNode().get_text(); args.set_cancel(true); return true; } } function dropOnTree(args) { var text = ""; if(args.get_sourceNodes().length) { var i; for(i=0; i < args.get_sourceNodes().length; i++) { var node = args.get_sourceNodes()[i]; text = text + ', ' +node.get_text(); } } } function clientSideEdit(sender, args) { var destinationNode = args.get_destNode(); if(destinationNode) { var firstTreeView = $find('tvAvailableTemplates'); firstTreeView.trackChanges(); var sourceNodes = args.get_sourceNodes(); for (var i = 0; i < sourceNodes.length; i++) { var sourceNode = sourceNodes[i]; sourceNode.get_parent().get_nodes().remove(sourceNode); if(args.get_dropPosition() == "over") destinationNode.get_nodes().add(sourceNode); if(args.get_dropPosition() == "above") insertBefore(destinationNode, sourceNode); if(args.get_dropPosition() == "below") insertAfter(destinationNode, sourceNode); } destinationNode.set_expanded(true); firstTreeView.commitChanges(); } } function insertBefore(destinationNode, sourceNode) { var destinationParent = destinationNode.get_parent(); var index = destinationParent.get_nodes().indexOf(destinationNode); destinationParent.get_nodes().insert(index, sourceNode); } function insertAfter(destinationNode, sourceNode) { var destinationParent = destinationNode.get_parent(); var index = destinationParent.get_nodes().indexOf(destinationNode); destinationParent.get_nodes().insert(index+1, sourceNode); } function onNodeDropping(sender, args) { var dest = args.get_destNode(); if (dest) { var clientSide = false; if(clientSide) { clientSideEdit(sender, args); args.set_cancel(true); return; } dropOnTree(args); }else{ dropOnHtmlElement(args); } } function onRowDropping(sender, args) { args.set_cancel(false); } function buttonMouseOver(sender,args){ //do nothing } /* ]]> */ </script> </telerik:RadScriptBlock> <style type="text/css"> .loadingPanel { background: url(../Skins/GIRadWindow/GIRadWindow/Window/loading.gif) center center no-repeat ; background-color:#fff; position:absolute; width:100%; height:100%; text-align:center; vertical-align:middle; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10fff000,endColorstr=#10fff000); opacity:0.7; -moz-opacity:0.7; } .buttonDiv { position: relative !important; } </style> <telerik:RadAjaxManager ID="RadAjaxManagerControl" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="TemplatesRadGrid"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/> <telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates"/> <telerik:AjaxUpdatedControl ControlID="AddButton"/> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="tvAvailableTemplates"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates" /> <telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/> <telerik:AjaxUpdatedControl ControlID="AddButton"/> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="AddButton"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates" /> <telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/> <telerik:AjaxUpdatedControl ControlID="AddButton"/> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <table> <tr><td><div><asp:ValidationSummary ID="ValidationSummaryControl" runat="server" CssClass="Error" /></div></td></tr> </table> <table style="height: 390px; table-layout: fixed;" id="outerdiv"> <tr> <td width="45%" valign="top"> <div class="LabelBold" style="margin-bottom: 10px; margin-top: 10px"> <gi:TranslationLabel runat="server" Text="Available Templates on the left can be dragged to the selected Templates on the right." LabelID="AvailTemplatesIncluded" ID="TemplatesIncludedLabel1" CssClass="LabelBold"></gi:TranslationLabel> </div> </td> <td width="10%" class="imgBtnTable" align="center"> </td> <td width="45%" valign="top"> <div class="LabelBold" style="margin-bottom: 10px; margin-top: 10px"> <gi:TranslationLabel runat="server" Text="Template(s) Included" LabelID="TemplatesIncluded" ID="TemplatesIncludedLabel" CssClass="LabelBold"> </gi:TranslationLabel> <gi:TranslationValidator ID="cvTemplates" runat="server" LabelID="TemplateValidation" ErrorMessage="Please select at least 1 plan type." CssClass="Error" OnServerValidate="cvTemplates_ServerValidate" Display="Dynamic" EnableClientScript="False"> *</gi:TranslationValidator><br /> <br /> </div> </td> </tr> <tr> <td width="45%" valign="top"> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" EnableEmbeddedSkins="false" MultiPageID="RadMultiPage1" border="0" Style="width: 98%;" SelectedIndex="0"> <Tabs> <telerik:RadTab Text="Templates available"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <div id="tabframe" style="border-style: none; border-width: thin; overflow: auto; width: 98%"> <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" EnableViewState="true"> <telerik:RadPageView ID="RadPageView1" runat="server" EnableViewState="true"> <asp:Label ID="Label1" runat="server" Text="<br /><br />There are no columns to select for criteria." Visible="False"></asp:Label> <telerik:RadTreeView ID="tvAvailableTemplates" runat="server" CheckBoxes="false" EnableViewState="true" CheckChildNodes="true" TriStateCheckBoxes="false" Skin="AdhocReports" EnableDragAndDrop="True" CausesValidation="False" OnNodeDrop="tvAvailableTemplates_HandleDrop" OnClientNodeDropping="onNodeDropping" OnClientNodeDragging="onNodeDragging" MultipleSelect="true" onmouseover="this.style.cursor='move'" EnableDragAndDropBetweenNodes="true" EnableEmbeddedSkins="false" Height="300px"> </telerik:RadTreeView> </telerik:RadPageView> </telerik:RadMultiPage> </div> </td> Protected Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.Load RadTreeView1.FindNodeByText("Upload Company Documents").NavigateUrl() = "~/upload/upload.aspx?b=" & Server.UrlEncode(Encrypt("&DT=C" & "&dummy="))End SubProtected Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeClick If RadTreeView1.FindNodeByText("Upload Company Documents").Selected Then Response.Redirect("~/upload/upload.aspx?b=" & Server.UrlEncode(Encrypt("&DT=C" & "&dummy=")) End IfEnd Sub<telerik:RadListView ID="RadListView1" runat="server" AllowPaging="True" ItemPlaceholderID="PlaceHolder1" OnItemCreated="RadListView1_ItemCreated" DataKeyNames="id"> <LayoutTemplate> <div class="RadListView RadListViewFloated RadListView_Windows7"> <telerik:RadDataPager ID="RadDataPager1" runat="server" Skin="Sitefinity" PageSize="25" PagedControlID="RadListView1" BorderWidth="0"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " /> <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" TextBoxWidth="15" /> <telerik:RadDataPagerTemplatePageField> <PagerTemplate> <div style="float: right"> <b>Items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1%>" /> to <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" /> of <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" /> <br /> </b> </div> </PagerTemplate> </telerik:RadDataPagerTemplatePageField> </Fields> </telerik:RadDataPager> <div id="PlaceHolder1" runat="server" /> </div> </LayoutTemplate> <ItemTemplate> <div style="float: left;"> <fieldset style="border: 0; width: 154px; height: 154px; margin: 5px 5px 5px 5px;"> <div class="myClass" style="padding: 2px 2px 2px 2px; background: #eeeeee; text-align: center;"> <a href="javascript:Popup_Window('asset_preview','<%# Eval("id") %>')"> <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" AutoAdjustImageControlSize="False" CssClass="myClass" ImageUrl='<%# Eval("thumbUrl") %>' ResizeMode="Fit" AlternateText="Click to view preview" ToolTip="Click to view preview" Width="150px" Height="150px" /> </a> </div> </fieldset> <div style="border: 0px; white-space: normal; width: 150px; margin: 5px 5px 5px 5px; padding: 2px 2px 2px 2px;"> <asp:CheckBox ID="chkImage" runat="server" AutoPostBack="True" /> <%--<a href="javascript:Popup_Window('asset_detail','<%# Eval("id") %>')"> <%# Eval("title") %>-<%# Eval("filenameextension") %></a>--%> <asp:HyperLink ID="lnkAsset" runat="server"> <%# Eval("title") %>-<%# Eval("filenameextension") %></asp:HyperLink> <asp:HiddenField ID="hiddenAssetId" Value='<%# Eval("id") %>' runat="server" /> </div> </div> </ItemTemplate> <EmptyDataTemplate> No Assets Found </EmptyDataTemplate></telerik:RadListView><telerik:RadListView ID="RadListView1" runat="server" AllowPaging="True" ItemPlaceholderID="PlaceHolder1" OnItemCreated="RadListView1_ItemCreated" DataKeyNames="id"> <LayoutTemplate> <div class="RadListView RadListViewFloated RadListView_Windows7"> <telerik:RadDataPager ID="RadDataPager1" runat="server" Skin="Sitefinity" PageSize="25" PagedControlID="RadListView1" BorderWidth="0"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " /> <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" TextBoxWidth="15" /> <telerik:RadDataPagerTemplatePageField> <PagerTemplate> <div style="float: right"> <b>Items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1%>" /> to <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" /> of <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" /> <br /> </b> </div> </PagerTemplate> </telerik:RadDataPagerTemplatePageField> </Fields> </telerik:RadDataPager> <div id="PlaceHolder1" runat="server" /> </div> </LayoutTemplate> <ItemTemplate> <div style="float: left;"> <fieldset style="border: 0; width: 154px; height: 154px; margin: 5px 5px 5px 5px;"> <div class="myClass" style="padding: 2px 2px 2px 2px; background: #eeeeee; text-align: center;"> <a href="javascript:Popup_Window('asset_preview','<%# Eval("id") %>')"> <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" AutoAdjustImageControlSize="False" CssClass="myClass" ImageUrl='<%# Eval("thumbUrl") %>' ResizeMode="Fit" AlternateText="Click to view preview" ToolTip="Click to view preview" Width="150px" Height="150px" /> </a> </div> </fieldset> <div style="border: 0px; white-space: normal; width: 150px; margin: 5px 5px 5px 5px; padding: 2px 2px 2px 2px;"> <asp:CheckBox ID="chkImage" runat="server" AutoPostBack="True" /> <%--<a href="javascript:Popup_Window('asset_detail','<%# Eval("id") %>')"> <%# Eval("title") %>-<%# Eval("filenameextension") %></a>--%> <asp:HyperLink ID="lnkAsset" runat="server"> <%# Eval("title") %>-<%# Eval("filenameextension") %></asp:HyperLink> <asp:HiddenField ID="hiddenAssetId" Value='<%# Eval("id") %>' runat="server" /> </div> </div> </ItemTemplate> <EmptyDataTemplate> No Assets Found </EmptyDataTemplate></telerik:RadListView>