<telerik:RadListBox ID="AllAreas" runat="server" AllowTransfer="True" TransferToID="SelectedAreas" Height="135px" Width="250px" CheckBoxes="true" OnClientTransferred="OnAreaTransferred"/>
<telerik:RadListBox ID="SelectedAreas" runat="server" Height="125px" Width="220px" OnClientTransferred="OnAreaTransferred" OnClientItemChecked="OnDefaultAreaChecked" CheckBoxes="true" />function OnAreaTransferred(sender, e) { var items = e.get_items(); items.forEach(function (it) { it.uncheck();});}function OnDefaultAreaChecked(sender, eventArgs) { var item = eventArgs.get_item(); var value = item.get_value(); var checked = item.get_checked(); var listBox = item.get_listBox(); if (checked) { var items = listBox.get_items(); items.forEach(function (it) { it.uncheck(); });}item.set_checked(checked);} <script language="javascript" type="text/javascript">
var loadingPanel = "";
var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
var postBackElement = "";
pageRequestManager.add_initializeRequest(initializeRequest);
pageRequestManager.add_endRequest(endRequest);
function initializeRequest(sender, eventArgs) {
loadingPanel = $("#<%=LoadingPanel.ClientID%>");
postBackElement = eventArgs.get_postBackElement().id;
loadingPanel.show(postBackElement);
}
function endRequest(sender, eventArgs) {
loadingPanel = $("#<%=LoadingPanel.ClientID%>");
loadingPanel.hide(postBackElement);
}
</script>
