HI!!!
I had been researching about this issue, I tried all the solutions but nothing is working for me!....
I have 2 RadListBox!. When transfers occurs I get the following issue:
I need fix this.
I'm using "Telerik.Web.UI_2012_3_1212_Dev_hotfix"
This is my Code:
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocumentTypeForm.aspx.cs"
Inherits="WebSearch.UI.Admin.DocumentTypeForm" %>
<%@ Register TagPrefix="UC" TagName="Settings" Src="~/UI/Admin/UserControls/Form/Settings.ascx" %>
<%@ Register TagPrefix="UC" TagName="GeneralInformation" Src="~/UI/Admin/UserControls/Form/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="ValidationText" Src="~/UI/Admin/UserControls/Form/ValidationText.ascx" %>
<%@ Register TagPrefix="UC" TagName="Notification" Src="~/UI/UserControls/Notification.ascx" %>
<%@ Register TagPrefix="UC" TagName="Information" Src="~/UI/UserControls/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="Buttons" Src="~/UI/Admin/UserControls/Form/Buttons.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="../../UI/Style/Admin/Form.css" rel="stylesheet" type="text/css" />
<link href="../../UI/Style/Admin/DocumentType.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../UI/Scripts/CommonFunctions.js"></script>
<script type="text/javascript" src="../../UI/Scripts/Grid.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/Form.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/ListBox.js"></script>
<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
<script type="text/javascript">
function GridCreated(sender, eventArgs) { sender.add_rowDragging(RowDraggingIcon); }
function RowDraggingIcon(sender, eventArgs) { rowDraggingIcon(sender, eventArgs); }
function refreshForm(args) {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
if (args != null) ajaxManager.ajaxRequest(args);
}
function refreshField() {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
ajaxManager.ajaxRequest("RefeshForm");
}
function openEditForm() {
var id = document.getElementById('FieldID').value;
if (id != null) {
var oBrowserWnd = GetRadWindow().BrowserWindow;
var oWindow = oBrowserWnd.radopen("FieldForm.aspx?ID=" + id, "FieldFormDialog");
oWindow.set_iconUrl('~/UI/Images/field_list.png');
SetCommonProperties(oWindow);
}
return false;
}
function trim(myString) {
var valueString = LeftTrim(myString);
return (valueString);
}
function pageLoad() { reDesignControls(); }
function reDesignControls() {
var $ = $telerik.$;
var height = 600;
var multipageHeight = (83 * height) / 100;
var multiPage = $find("<%=RadMultiPage1.ClientID %>");
multiPage.get_element().style.height = multipageHeight + "px";
var multipageHeight = (70 * multipageHeight) / 100;
var multiPage = $find("<%=RadMultiPage2.ClientID %>");
multiPage.get_element().style.height = multipageHeight + "px";
var container = $find("listMask_Manage");
if (container != null) {
container.style.height = ((90 * multipageHeight) / 100) + "px";
}
var container = $find("listMask_MyGrid");
if (container != null) {
container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
container.repaint();
}
var container = $find("listMask_MyGridPanel");
if (container != null) {
container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
container.repaint();
}
var container = $find("stringMask_MyGrid");
if (container != null) {
container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";
container.repaint();
}
container = $find("stringMask_MyGridPanel");
if (container != null) {
container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";
container.repaint();
}
var cell = document.getElementById('tblField').offsetWidth;
document.getElementById('hddWidthCell').value = cell;
}
function confirmCallBackFn(arg) {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
if (arg == true)
{ ajaxManager.ajaxRequest("RemoveDocumentType"); }
}
function closeAndRebind(args) {
var oWnd = GetRadWindow();
//get a reference to the second RadWindow
var dialogB = oWnd.get_windowManager().getWindowByName("LibraryDialog");
if (dialogB == null) CloseAndRebind(args);
else {
var libraryForm = oWnd.get_windowManager().getWindowByName("DocumentTypeDialog");
if (libraryForm != null) libraryForm.close();
dialogB.setActive();
dialogB.get_contentFrame().contentWindow.refreshDocumentType();
}
}
function RequestStart(sender, args) {
debugger;
if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
$find(args.EventTargetElement.id).set_enabled(false);
}
}
function ResponseEnd(sender, args) {
debugger;
if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
$find(args.EventTargetElement.id).set_enabled(true);
}
}
function cancel() { Cancel(); }
function disableTab() {
var radTabs = $find("<%= RadTabStrip1.ClientID %>");
var tab = radTabs.findTabByValue("Fields");
var name = document.getElementById('GeneralInformation_txtName').value;
var id = document.getElementById('hddId').value;
name = trim(name);
if (tab && (name.length == 0)) {
radTabs.trackChanges();
tab.disable();
radTabs.commitChanges();
} else if (tab && name != null) {
radTabs.trackChanges();
tab.enable();
radTabs.commitChanges();
var chkPostBack = '<%= Page.IsPostBack ? "true" : "false" %>';
DisableTab(chkPostBack);
}
}
function filterList() {
var listbox = $find("<%= rlbAvailable.ClientID %>");
var textbox = $find('<%= tbAvailableFilter.ClientID %>');
clearListEmphasis(listbox);
createMatchingList(listbox, textbox.get_textBoxValue());
}
function filterListChosen() {
var listbox = $find("<%= rlbChosen.ClientID %>");
var textbox = $find('<%= tbChosenFilter.ClientID %>');
clearListEmphasis(listbox);
createMatchingList(listbox, textbox.get_textBoxValue());
}
function clearListEmphasis(listbox) { ClearListEmphasis(listbox); }
function createMatchingList(listbox, filterText) { CreateMatchingList(listbox, filterText); }
function rlbAvailable_OnClientTransferring(sender, eventArgs) {
clearListEmphasis(sender);
clearFilterText();
createMatchingList(sender, "");
reDesignControls();
}
function rbtnClear_OnClientClicking(sender, eventArgs) {
clearFilterText();
var listbox = $find("<%= rlbAvailable.ClientID %>");
clearListEmphasis(listbox);
createMatchingList(listbox, "");
}
function chosenClear_OnClientClicking(sender, eventArgs) {
clearFilterText();
var listbox = $find("<%= rlbChosen.ClientID %>");
clearListEmphasis(listbox);
createMatchingList(listbox, "");
}
// Clears the text from the filter.
function clearFilterText() {
var textbox = $find('<%= tbAvailableFilter.ClientID %>');
textbox.clear();
}
</script>
</telerik:RadCodeBlock>
</head>
<body onload="return LoadTitle();">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager2" runat="server" EnablePageMethods="true">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="LoadCombo" Height="90%" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" RequestQueueSize="50000">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="rlbChosen">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditField" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
<telerik:AjaxUpdatedControl ControlID="FieldID" />
<telerik:AjaxUpdatedControl ControlID="litProperties" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="rlbAvailable">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditField" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
<telerik:AjaxUpdatedControl ControlID="FieldID" />
<telerik:AjaxUpdatedControl ControlID="litProperties" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadCombo" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnCancelEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEditFinish">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
</telerik:RadAjaxManager>
<div class="tabContainter">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" CssClass="tabStrip" >
<Tabs>
<telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
</telerik:RadTab>
<telerik:RadTab Value="Fields" ImageUrl="~/UI/Images/field_list.png">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPageExternal">
<telerik:RadPageView ID="RadPageViewInformation" runat="server" CssClass="pageView">
<asp:Table ID="Table3" CssClass="editFormTable" runat="server">
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:Settings ID="Settings" runat="server" />
</asp:TableCell></asp:TableRow>
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:GeneralInformation ID="GeneralInformation" runat="server" />
</asp:TableCell></asp:TableRow>
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:ValidationText ID="ValidationText" runat="server" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageViewField" runat="server" CssClass="pageViewField">
<asp:Table runat="server" CssClass="listContainer">
<asp:TableRow>
<asp:TableCell CssClass="listBoxColumnOut">
<asp:Table runat="server" CssClass="tableListBox">
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders">
<asp:Literal runat="server" ID="litAvailable" />
</asp:TableCell>
<asp:TableCell CssClass="listBoxHeaders">
<span style="white-space: normal;">
<asp:Label runat="server" ID="litOnDcumentType" />
</span>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="containerSearch">
<div class="cellTextBoxSearchL">
<telerik:RadTextBox ID="tbAvailableFilter" runat="server" Width="100%" autocomplete="on"
onkeyup="filterList();" />
</div>
<div class="cellLabelSearchL">
<telerik:RadButton ID="rbtnClear" runat="server" Width="19px" AutoPostBack="false"
OnClientClicking="rbtnClear_OnClientClicking" Style="margin-left: 1px">
<Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
PrimaryIconLeft="2px" />
</telerik:RadButton>
</div>
</asp:TableCell>
<asp:TableCell CssClass="containerSearch">
<div class="cellTextBoxSearchR">
<telerik:RadTextBox ID="tbChosenFilter" runat="server" Width="100%" autocomplete="on"
onkeyup="filterListChosen();" />
</div>
<div class="cellLabelSearchR">
<telerik:RadButton ID="RadButton1" runat="server" Width="19px" AutoPostBack="false"
OnClientClicking="chosenClear_OnClientClicking">
<Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
PrimaryIconLeft="2px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="2" Style="height: 100%">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"
LoadingPanelID="LoadCombo">
<asp:Table runat="server" CssClass="subTableLibrary">
<asp:TableRow>
<asp:TableCell CssClass="listBoxColumn">
<telerik:RadListBox ID="rlbAvailable" runat="server" Width="100%" AllowTransfer="true"
AllowTransferOnDoubleClick="true" TransferToID="rlbChosen" SelectionMode="Multiple"
Height="100%" EnableDragAndDrop="true" Sort="Ascending" OnClientTransferring="rlbAvailable_OnClientTransferring"
AutoPostBackOnTransfer="true" OnTransferred="rlbAvailable_OnTransferred" ButtonSettings-ShowTransferAll="true">
</telerik:RadListBox>
</asp:TableCell>
<asp:TableCell CssClass="listBoxColumn">
<telerik:RadListBox ID="rlbChosen" runat="server" Sort="Ascending" Width="100%" Height="100%"
AutoPostBack="true" OnSelectedIndexChanged="rlbChosen_SelectedIndexChange" SelectionMode="Multiple"
EnableDragAndDrop="true" AllowReorder="true" DataTextField="tempHeader" DataValueField="FieldId">
</telerik:RadListBox>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadAjaxPanel>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell></asp:TableCell></asp:TableRow>
</asp:Table>
</asp:TableCell>
<asp:TableCell CssClass="fieldColumnOut">
<asp:Table runat="server" CssClass="tableListBox" ID="tblField">
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders" ID="cellProperties">
<asp:Literal runat="server" ID="litProperties" Visible="false" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders">
<div id="EditField" runat="server" class="EditField">
<telerik:RadButton ID="btnEditField" runat="server" AutoPostBack="false" OnClientClicked="openEditForm">
<Icon PrimaryIconUrl="~/UI/Images/field_list.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<div >
<telerik:RadTabStrip ID="RadTabStrip2" runat="server" MultiPageID="RadMultiPage2"
SelectedIndex="0" CssClass="tabStrip">
<Tabs>
<telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
</telerik:RadTab>
<telerik:RadTab Value="Mask" ImageUrl="~/UI/Images/table.png">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage2" runat="server" SelectedIndex="0" CssClass="multiPageSub">
<telerik:RadPageView ID="RadPageInformation" runat="server" CssClass="pageView">
<asp:Panel ID="pnlInformation" runat="server" />
<UC:Information runat="server" ID="InformationInfo" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageMaskField" runat="server" CssClass="pageView">
<asp:Panel ID="pnlMask" runat="server" />
<UC:Information runat="server" ID="InformationMask" />
</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell >
<div id="EditPanel" runat="server" class="EditPanel">
<telerik:RadButton ID="btnEdit" OnClick="btnEdit_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/pencil.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
<div id="FinishEdit" runat="server" class="EditPanel">
<telerik:RadButton ID="btnEditFinish" OnClick="btnEditFinish_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/accept.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
<telerik:RadButton ID="btnCancelEdit" OnClick="btnCancelEdit_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/cancel.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadPageView>
</telerik:RadMultiPage><UC:Buttons ID="ButtonsForm" runat="server"></UC:Buttons>
</div>
<UC:Notification ID="Notification" runat="server" />
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="FieldDialog" runat="server" Height="600px" Width="800px" ReloadOnShow="true"
ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" Behaviors="Move, Close"
Animation="FlyIn" IconUrl="~/UI/Images/field_list.png" />
</Windows>
</telerik:RadWindowManager>
<asp:HiddenField ID="hddId" runat="server" />
<asp:HiddenField ID="HiddenObjectName" runat="server" />
<asp:HiddenField ID="FieldID" runat="server" />
<asp:HiddenField ID="hddWidthCell" runat="server" />
</form>
</body>
</html>
I tried set EnabledDragAndDrop ="False" and error does not appears. BUT I need use this function.
regards.
I had been researching about this issue, I tried all the solutions but nothing is working for me!....
I have 2 RadListBox!. When transfers occurs I get the following issue:
I need fix this.
I'm using "Telerik.Web.UI_2012_3_1212_Dev_hotfix"
This is my Code:
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocumentTypeForm.aspx.cs"
Inherits="WebSearch.UI.Admin.DocumentTypeForm" %>
<%@ Register TagPrefix="UC" TagName="Settings" Src="~/UI/Admin/UserControls/Form/Settings.ascx" %>
<%@ Register TagPrefix="UC" TagName="GeneralInformation" Src="~/UI/Admin/UserControls/Form/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="ValidationText" Src="~/UI/Admin/UserControls/Form/ValidationText.ascx" %>
<%@ Register TagPrefix="UC" TagName="Notification" Src="~/UI/UserControls/Notification.ascx" %>
<%@ Register TagPrefix="UC" TagName="Information" Src="~/UI/UserControls/Information.ascx" %>
<%@ Register TagPrefix="UC" TagName="Buttons" Src="~/UI/Admin/UserControls/Form/Buttons.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="../../UI/Style/Admin/Form.css" rel="stylesheet" type="text/css" />
<link href="../../UI/Style/Admin/DocumentType.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../UI/Scripts/CommonFunctions.js"></script>
<script type="text/javascript" src="../../UI/Scripts/Grid.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/Form.js"></script>
<script type="text/javascript" src="../../UI/Admin/Scripts/ListBox.js"></script>
<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
<script type="text/javascript">
function GridCreated(sender, eventArgs) { sender.add_rowDragging(RowDraggingIcon); }
function RowDraggingIcon(sender, eventArgs) { rowDraggingIcon(sender, eventArgs); }
function refreshForm(args) {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
if (args != null) ajaxManager.ajaxRequest(args);
}
function refreshField() {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
ajaxManager.ajaxRequest("RefeshForm");
}
function openEditForm() {
var id = document.getElementById('FieldID').value;
if (id != null) {
var oBrowserWnd = GetRadWindow().BrowserWindow;
var oWindow = oBrowserWnd.radopen("FieldForm.aspx?ID=" + id, "FieldFormDialog");
oWindow.set_iconUrl('~/UI/Images/field_list.png');
SetCommonProperties(oWindow);
}
return false;
}
function trim(myString) {
var valueString = LeftTrim(myString);
return (valueString);
}
function pageLoad() { reDesignControls(); }
function reDesignControls() {
var $ = $telerik.$;
var height = 600;
var multipageHeight = (83 * height) / 100;
var multiPage = $find("<%=RadMultiPage1.ClientID %>");
multiPage.get_element().style.height = multipageHeight + "px";
var multipageHeight = (70 * multipageHeight) / 100;
var multiPage = $find("<%=RadMultiPage2.ClientID %>");
multiPage.get_element().style.height = multipageHeight + "px";
var container = $find("listMask_Manage");
if (container != null) {
container.style.height = ((90 * multipageHeight) / 100) + "px";
}
var container = $find("listMask_MyGrid");
if (container != null) {
container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
container.repaint();
}
var container = $find("listMask_MyGridPanel");
if (container != null) {
container.get_element().style.height = ((98 * multipageHeight) / 100) + "px";
container.repaint();
}
var container = $find("stringMask_MyGrid");
if (container != null) {
container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";
container.repaint();
}
container = $find("stringMask_MyGridPanel");
if (container != null) {
container.get_element().style.height = ((85 * multipageHeight) / 100) + "px";
container.repaint();
}
var cell = document.getElementById('tblField').offsetWidth;
document.getElementById('hddWidthCell').value = cell;
}
function confirmCallBackFn(arg) {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
if (arg == true)
{ ajaxManager.ajaxRequest("RemoveDocumentType"); }
}
function closeAndRebind(args) {
var oWnd = GetRadWindow();
//get a reference to the second RadWindow
var dialogB = oWnd.get_windowManager().getWindowByName("LibraryDialog");
if (dialogB == null) CloseAndRebind(args);
else {
var libraryForm = oWnd.get_windowManager().getWindowByName("DocumentTypeDialog");
if (libraryForm != null) libraryForm.close();
dialogB.setActive();
dialogB.get_contentFrame().contentWindow.refreshDocumentType();
}
}
function RequestStart(sender, args) {
debugger;
if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
$find(args.EventTargetElement.id).set_enabled(false);
}
}
function ResponseEnd(sender, args) {
debugger;
if (args.EventTarget == "<%= rlbChosen.UniqueID %>") {
$find(args.EventTargetElement.id).set_enabled(true);
}
}
function cancel() { Cancel(); }
function disableTab() {
var radTabs = $find("<%= RadTabStrip1.ClientID %>");
var tab = radTabs.findTabByValue("Fields");
var name = document.getElementById('GeneralInformation_txtName').value;
var id = document.getElementById('hddId').value;
name = trim(name);
if (tab && (name.length == 0)) {
radTabs.trackChanges();
tab.disable();
radTabs.commitChanges();
} else if (tab && name != null) {
radTabs.trackChanges();
tab.enable();
radTabs.commitChanges();
var chkPostBack = '<%= Page.IsPostBack ? "true" : "false" %>';
DisableTab(chkPostBack);
}
}
function filterList() {
var listbox = $find("<%= rlbAvailable.ClientID %>");
var textbox = $find('<%= tbAvailableFilter.ClientID %>');
clearListEmphasis(listbox);
createMatchingList(listbox, textbox.get_textBoxValue());
}
function filterListChosen() {
var listbox = $find("<%= rlbChosen.ClientID %>");
var textbox = $find('<%= tbChosenFilter.ClientID %>');
clearListEmphasis(listbox);
createMatchingList(listbox, textbox.get_textBoxValue());
}
function clearListEmphasis(listbox) { ClearListEmphasis(listbox); }
function createMatchingList(listbox, filterText) { CreateMatchingList(listbox, filterText); }
function rlbAvailable_OnClientTransferring(sender, eventArgs) {
clearListEmphasis(sender);
clearFilterText();
createMatchingList(sender, "");
reDesignControls();
}
function rbtnClear_OnClientClicking(sender, eventArgs) {
clearFilterText();
var listbox = $find("<%= rlbAvailable.ClientID %>");
clearListEmphasis(listbox);
createMatchingList(listbox, "");
}
function chosenClear_OnClientClicking(sender, eventArgs) {
clearFilterText();
var listbox = $find("<%= rlbChosen.ClientID %>");
clearListEmphasis(listbox);
createMatchingList(listbox, "");
}
// Clears the text from the filter.
function clearFilterText() {
var textbox = $find('<%= tbAvailableFilter.ClientID %>');
textbox.clear();
}
</script>
</telerik:RadCodeBlock>
</head>
<body onload="return LoadTitle();">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager2" runat="server" EnablePageMethods="true">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="LoadCombo" Height="90%" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" RequestQueueSize="50000">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="rlbChosen">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditField" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
<telerik:AjaxUpdatedControl ControlID="FieldID" />
<telerik:AjaxUpdatedControl ControlID="litProperties" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="rlbAvailable">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditField" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip2" />
<telerik:AjaxUpdatedControl ControlID="FieldID" />
<telerik:AjaxUpdatedControl ControlID="litProperties" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadCombo" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="FinishEdit" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnCancelEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEditFinish">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="LoadCombo" />
<telerik:AjaxUpdatedControl ControlID="EditPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
</telerik:RadAjaxManager>
<div class="tabContainter">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" CssClass="tabStrip" >
<Tabs>
<telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
</telerik:RadTab>
<telerik:RadTab Value="Fields" ImageUrl="~/UI/Images/field_list.png">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPageExternal">
<telerik:RadPageView ID="RadPageViewInformation" runat="server" CssClass="pageView">
<asp:Table ID="Table3" CssClass="editFormTable" runat="server">
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:Settings ID="Settings" runat="server" />
</asp:TableCell></asp:TableRow>
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:GeneralInformation ID="GeneralInformation" runat="server" />
</asp:TableCell></asp:TableRow>
<asp:TableRow CssClass="formRow">
<asp:TableCell ColumnSpan="2">
<UC:ValidationText ID="ValidationText" runat="server" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageViewField" runat="server" CssClass="pageViewField">
<asp:Table runat="server" CssClass="listContainer">
<asp:TableRow>
<asp:TableCell CssClass="listBoxColumnOut">
<asp:Table runat="server" CssClass="tableListBox">
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders">
<asp:Literal runat="server" ID="litAvailable" />
</asp:TableCell>
<asp:TableCell CssClass="listBoxHeaders">
<span style="white-space: normal;">
<asp:Label runat="server" ID="litOnDcumentType" />
</span>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="containerSearch">
<div class="cellTextBoxSearchL">
<telerik:RadTextBox ID="tbAvailableFilter" runat="server" Width="100%" autocomplete="on"
onkeyup="filterList();" />
</div>
<div class="cellLabelSearchL">
<telerik:RadButton ID="rbtnClear" runat="server" Width="19px" AutoPostBack="false"
OnClientClicking="rbtnClear_OnClientClicking" Style="margin-left: 1px">
<Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
PrimaryIconLeft="2px" />
</telerik:RadButton>
</div>
</asp:TableCell>
<asp:TableCell CssClass="containerSearch">
<div class="cellTextBoxSearchR">
<telerik:RadTextBox ID="tbChosenFilter" runat="server" Width="100%" autocomplete="on"
onkeyup="filterListChosen();" />
</div>
<div class="cellLabelSearchR">
<telerik:RadButton ID="RadButton1" runat="server" Width="19px" AutoPostBack="false"
OnClientClicking="chosenClear_OnClientClicking">
<Icon PrimaryIconUrl="~/UI/Images/cross.png" PrimaryIconWidth="18px" PrimaryIconTop="3px"
PrimaryIconLeft="2px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="2" Style="height: 100%">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"
LoadingPanelID="LoadCombo">
<asp:Table runat="server" CssClass="subTableLibrary">
<asp:TableRow>
<asp:TableCell CssClass="listBoxColumn">
<telerik:RadListBox ID="rlbAvailable" runat="server" Width="100%" AllowTransfer="true"
AllowTransferOnDoubleClick="true" TransferToID="rlbChosen" SelectionMode="Multiple"
Height="100%" EnableDragAndDrop="true" Sort="Ascending" OnClientTransferring="rlbAvailable_OnClientTransferring"
AutoPostBackOnTransfer="true" OnTransferred="rlbAvailable_OnTransferred" ButtonSettings-ShowTransferAll="true">
</telerik:RadListBox>
</asp:TableCell>
<asp:TableCell CssClass="listBoxColumn">
<telerik:RadListBox ID="rlbChosen" runat="server" Sort="Ascending" Width="100%" Height="100%"
AutoPostBack="true" OnSelectedIndexChanged="rlbChosen_SelectedIndexChange" SelectionMode="Multiple"
EnableDragAndDrop="true" AllowReorder="true" DataTextField="tempHeader" DataValueField="FieldId">
</telerik:RadListBox>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadAjaxPanel>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell></asp:TableCell></asp:TableRow>
</asp:Table>
</asp:TableCell>
<asp:TableCell CssClass="fieldColumnOut">
<asp:Table runat="server" CssClass="tableListBox" ID="tblField">
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders" ID="cellProperties">
<asp:Literal runat="server" ID="litProperties" Visible="false" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="listBoxHeaders">
<div id="EditField" runat="server" class="EditField">
<telerik:RadButton ID="btnEditField" runat="server" AutoPostBack="false" OnClientClicked="openEditForm">
<Icon PrimaryIconUrl="~/UI/Images/field_list.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<div >
<telerik:RadTabStrip ID="RadTabStrip2" runat="server" MultiPageID="RadMultiPage2"
SelectedIndex="0" CssClass="tabStrip">
<Tabs>
<telerik:RadTab Value="Information" ImageUrl="~/UI/Images/information.png">
</telerik:RadTab>
<telerik:RadTab Value="Mask" ImageUrl="~/UI/Images/table.png">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage2" runat="server" SelectedIndex="0" CssClass="multiPageSub">
<telerik:RadPageView ID="RadPageInformation" runat="server" CssClass="pageView">
<asp:Panel ID="pnlInformation" runat="server" />
<UC:Information runat="server" ID="InformationInfo" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageMaskField" runat="server" CssClass="pageView">
<asp:Panel ID="pnlMask" runat="server" />
<UC:Information runat="server" ID="InformationMask" />
</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell >
<div id="EditPanel" runat="server" class="EditPanel">
<telerik:RadButton ID="btnEdit" OnClick="btnEdit_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/pencil.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
<div id="FinishEdit" runat="server" class="EditPanel">
<telerik:RadButton ID="btnEditFinish" OnClick="btnEditFinish_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/accept.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
<telerik:RadButton ID="btnCancelEdit" OnClick="btnCancelEdit_Click" runat="server">
<Icon PrimaryIconUrl="~/UI/Images/cancel.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</telerik:RadPageView>
</telerik:RadMultiPage><UC:Buttons ID="ButtonsForm" runat="server"></UC:Buttons>
</div>
<UC:Notification ID="Notification" runat="server" />
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="FieldDialog" runat="server" Height="600px" Width="800px" ReloadOnShow="true"
ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" Behaviors="Move, Close"
Animation="FlyIn" IconUrl="~/UI/Images/field_list.png" />
</Windows>
</telerik:RadWindowManager>
<asp:HiddenField ID="hddId" runat="server" />
<asp:HiddenField ID="HiddenObjectName" runat="server" />
<asp:HiddenField ID="FieldID" runat="server" />
<asp:HiddenField ID="hddWidthCell" runat="server" />
</form>
</body>
</html>
I tried set EnabledDragAndDrop ="False" and error does not appears. BUT I need use this function.
regards.