<telerik:RadComboBox ID="RadComboBox" runat="server" AllowCustomText="false" AutoPostBack="false"> <ItemTemplate> <asp:CheckBox ID="CheckBox" runat="server" Text='<%# Eval(DataTextField ?? "Text") %>' AutoPostBack="false" ClientIDMode="Predictable" /> <asp:HiddenField ID="HiddenField" runat="server" Value='<%# Eval(DataValueField ?? "Value") %>' ClientIDMode="Predictable" /> <asp:HiddenField ID="CheckedHiddenField" runat="server" Value='False' ClientIDMode="Predictable" /> </ItemTemplate></telerik:RadComboBox>private ICollection<RadComboBoxItem> GetItems() { return RadComboBox.Items.Aggregate( new List<RadComboBoxItem>(), (list, item) => { var checkBox = item.Controls.OfType<CheckBox>().First(); var hidden = item.Controls.OfType<HiddenField>().First(); var selectedHidden = item.Controls.OfType<HiddenField>().Last(); if (bool.Parse(selectedHidden.Value)) { list.Add(new RadComboBoxItem(checkBox.Text, hidden.Value) { Selected = true }); } return list; }); }protected override void OnPreRender(EventArgs e) { base.OnPreRender(e); RadComboBox.Items.ToList().ForEach(ProcessItem); } private void ProcessItem(RadComboBoxItem item) { var checkbox = item.Controls.OfType<CheckBox>().Single(); var hidden = item.Controls.OfType<HiddenField>().First(); var selectedHidden = item.Controls.OfType<HiddenField>().Last(); checkbox.InputAttributes["onchange"] = string.Format( "multiselectComboBoxItemClick('{0}', '{1}', '{2}', '{3}', '{4}');", RadComboBox.ClientID, checkbox.ClientID, hidden.ClientID, selectedHidden.ClientID, checkbox.Text); }function multiselectComboBoxItemClick(comboBoxID, checkBoxID, valueHiddenFieldID, stateHiddenFieldID, itemText) { var combo = $find(comboBoxID); var checkbox = document.getElementById(checkBoxID); var hidden = document.getElementById(valueHiddenFieldID); var selectedHidden = document.getElementById(stateHiddenFieldID); if (!combo || !checkbox || !hidden) { return; } if (!combo['__SelectedItems']) { combo['__SelectedItems'] = []; } if (!combo['__SelectedItemsMap']) { combo['__SelectedItemsMap'] = {}; } var value = hidden.value.toString(); if (checkbox.checked == true) { var item = combo['__SelectedItemsMap'][value]; if (!item) { item = new Telerik.Web.UI.RadComboBoxItem(); item.set_text(itemText); item.set_value(value); combo['__SelectedItemsMap'][value] = item; Array.add(combo['__SelectedItems'], item); } selectedHidden.value = 'True'; } else { var item = combo['__SelectedItemsMap'][value]; if (item) { var index = $telerik.$.inArray(item, combo['__SelectedItems']); if (index != -1) { combo['__SelectedItems'].splice(index, 1); combo['__SelectedItemsMap'][value] = null; } } selectedHidden.value = 'False'; } var text = ''; if (combo['__SelectedItems'].length > 0) { text = combo['__SelectedItems'][0].get_text(); for (var i = 1; i < combo['__SelectedItems'].length; i++) { text = text + ', ' + combo['__SelectedItems'][i].get_text(); } } combo.set_text(text);}public Boolean Step1StatusThen I was going to write an if statement that checks to see if each of the steps exist and for the ones that do exist, change:
{
get
{
if (HttpContext.Current.Request.Cookies["Step1"] != null)
{
return Convert.ToBoolean(HttpContext.Current.Request.Cookies["Step1"].Value);
}
else
{
return false;
}
}
set
{
//Write Cookie & Timeout
HttpCookie StepStatus = new HttpCookie("Step1");
StepStatus.Value = value.ToString();
HttpContext.Current.Response.Cookies.Add(StepStatus);
}
}
currentItem.Selected = true;
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <!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 id="Head1" runat="server"> <title></title> <style type="text/css"> .myRadButton.rbToggleButton { color: #000; font-size: 10px !important; text-decoration: none !important; } .myRadButton.rbToggleButton:hover { color: #863d02; } .myRadButton.rbToggleButton .rbText { text-align: left !important; padding-left: 20px !important; font-size: 10px !important; } .myRadButton.rbToggleButton.rbDisabled, .myRadButton.rbToggleButton:hover { color: #6a6a6a; font-size: 10px !important; text-decoration: none !important; } </style> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <telerik:RadButton ID="btnOffice" runat="server" ButtonType="ToggleButton" ToggleType="CustomToggle" CssClass="myRadButton" Enabled=false Width="100%" Text="CheckBox"> <ToggleStates> <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" Text="test" /> <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked" Text="test" /> </ToggleStates> </telerik:RadButton> </form> </body> </html> I am trying to use the RadListView OnLoad event to set the page index from session much like I am doing with a RadGrid. However, despite the fact I have the event handler defined the code does not fire. If I remove the code in my code behind, but leave the onload declaration on the tag it balks about it not being present. I finally went to a test project and just did a simply test below of the onload. It still will not execute. Am I missing something in how the list view onload works? Thanks.
protected void rlvForecastCardView_Item_Load(object sender, EventArgs e) { Response.Write("Test Text"); }<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Clinics.ascx.cs" Inherits="DesktopModules_JCVideo_Clinics" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><%@ Register TagPrefix="dnn" Assembly="DotNetNuke" Namespace="DotNetNuke.UI.WebControls" %><%@ Register TagPrefix="dnn" TagName="Profile" Src="~/DesktopModules/Admin/Security/Profile.ascx" %> <div id="FacilityTabs" runat="server"> <telerik:RadTabStrip ID="StudentTabs" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="3" Align="Left" ReorderTabsOnSelect="true" Skin="Telerik" OnTabClick="FacilityTabs_TabClick"> <Tabs> <telerik:RadTab Text="Edit Schedule"> </telerik:RadTab> <telerik:RadTab Text="Edit Settings"> </telerik:RadTab> <telerik:RadTab Text="Edit Students"> </telerik:RadTab> <telerik:RadTab Text="Clinics"> </telerik:RadTab> <telerik:RadTab Text="Add/Update Instructor"> </telerik:RadTab> <telerik:RadTab Text="Facilities"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> </div> <div style="border-style: solid; border-color: Silver; border-width: thin; background-color: White; padding: 10px 10px 10px 10px"> <table width="100%" class="table1"> <tr> <td style="height: 40px"> <table> <tr> <td colspan="2" style="font-size: 11pt; color: Gray"> <strong>Clinics</strong> </td> </tr> <tr> <td style="font-size: 8pt"> Select A Clinic To Edit: </td> <td> <telerik:RadComboBox ID="ddlClinics" runat="server" Height="140px" AutoPostBack="true" OnSelectedIndexChanged="ddlClinics_SelectedIndexChanged"> </telerik:RadComboBox> </td> <td> <asp:Button ID="btnAddNew" runat="server" Text="Add New Clinic" OnClick="btnAddNew_Click" Width="119px" /> <asp:Button ID="btnCancelAdd" runat="server" Text="Cancel" OnClick="btnCancelAdd_Click" Width="55px" Visible="False" /> </td> </tr> </table> </td> </tr> <tr> <td colspan="2" style="padding-left: 15px; padding-right: 15px"> <div style="border-bottom-color: Silver; border-bottom-style: solid; border-bottom-width: thin; height: 1px; width: 100%"> </div> </td> </tr> <tr> <td> <table> <tr> <td> <table> <tr> <td style="font-size: 8pt"> Clinic Title </td> <td> <telerik:RadTextBox runat="server" ID="txtTitle"> </telerik:RadTextBox> <%--<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>--%> </td> </tr> <tr> <td style="font-size: 8pt"> Clinic Location </td> <td> <telerik:RadComboBox runat="server" Height="140px" ID="ddlLocation" AutoPostBack="true"> </telerik:RadComboBox> <%--<asp:TextBox ID="txtLocation" runat="server"></asp:TextBox>--%> </td> </tr> <tr> <td style="font-size: 8pt"> Clinic Price Per Student </td> <td> <telerik:RadNumericTextBox runat="server" ID="txtPrice"> </telerik:RadNumericTextBox> <%-- <asp:TextBox ID="txtPrice" runat="server"></asp:TextBox>--%> </td> </tr> <tr> <td style="font-size: 8pt"> Clinic Description </td> <td> <telerik:RadTextBox runat="server" ID="txtDescription" TextMode="MultiLine" Height="40px"> </telerik:RadTextBox> <%-- <asp:TextBox ID="txtDescription" runat="server"></asp:TextBox>--%> </td> </tr> <tr> <td style="font-size: 8pt"> Max # Of Students </td> <td> <telerik:RadNumericTextBox runat="server" ID="txtMaxStudent"> </telerik:RadNumericTextBox> <%--<asp:TextBox ID="txtMaxStudent" runat="server"></asp:TextBox>--%> </td> </tr> <tr> <td> <asp:Button ID="btnSave" runat="server" Text="Save\Update Clinic" OnClick="btnSave_Click" /> </td> <td> <asp:Button ID="btnCancel" runat="server" Text="Cancel Clinic" OnClick="btnCancel_Click" /> </td> </tr> </table> </td> <td> <table> <tr> <td style="font-size: 8pt"> Clinic Start Date </td> <td> <telerik:RadDateTimePicker ID="dtpStartDate" runat="server"> </telerik:RadDateTimePicker> </td> </tr> <tr> <td style="font-size: 8pt"> Clinic End Date </td> <td> <telerik:RadDateTimePicker ID="dtpEndDate" runat="server" OnSelectedDateChanged="dtpEndDate_SelectedDateChanged"> </telerik:RadDateTimePicker> </td> </tr> <%-- <tr> <td style="font-size: 8pt"> Recurring? </td> <td> </td> </tr>--%> <tr> <td colspan="2"> <telerik:RadSchedulerRecurrenceEditor ID="RecClinic" runat="server" Visible="true" Width="550px"> </telerik:RadSchedulerRecurrenceEditor> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td colspan="2" style="padding-left: 15px; padding-right: 15px"> <div style="border-bottom-color: Silver; border-bottom-style: solid; border-bottom-width: thin; height: 1px; width: 100%"> </div> </td> </tr> <tr> <td> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <table> <tr> <td colspan="2" style="font-size: 8pt"> <strong>Assign Instructor(s)</strong> </td> </tr> <tr> <td style="font-size: 8pt"> Available Instructors: </td> <td style="font-size: 8pt"> Assigned Instructor(s) / Salary For Event: </td> </tr> <tr> <td> <%-- <telerik:RadListBox ID="lstbxInstructor" runat="server" DataTextField="Name" Height= "140px" DataValueField="InstructorID"> </telerik:RadListBox>--%> <asp:ListBox ID="lstbxInstructor" Height="140px" DataTextField="Name" DataValueField="InstructorID" runat="server"></asp:ListBox> </td> <td style="font-size: 8pt"> <telerik:RadGrid ID="grdInstructor" runat="server" Width="450px" AutoGenerateColumns="false" ShowGroupPanel="false" HeaderStyle-Height="0px" OnItemCommand="grdPackage_ItemCommand" AllowPaging="true" GridLines="Both" AllowSorting="true" BorderStyle="None" Skin="Simple" ShowHeader="true"> <PagerStyle Mode="NextPrevAndNumeric" /> <MasterTableView EditMode="InPlace" DataKeyNames="InstructorId,Name,ClinicInstructorId,CutRate" Width="100%" CommandItemDisplay="None"> <Columns> <telerik:GridTemplateColumn HeaderText="Name"> <HeaderStyle Width="150px" ForeColor="GrayText" /> <ItemTemplate> <asp:Label ID="lblpkName" Text='<%# Eval("Name")%>' runat="server"></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:Label ID="txtpkName" Text='<%# Eval("Name")%>' runat="server"></asp:Label> </EditItemTemplate> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Price"> <HeaderStyle Width="150px" ForeColor="GrayText" /> <ItemTemplate> <asp:Label ID="lblPrice" Text='<%# Eval("CutRate")%>' runat="server"></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtPrice" Text='<%# Eval("CutRate")%>' runat="server"> </asp:TextBox>/Hour </EditItemTemplate> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" AutoPostBackOnFilter="true" HeaderText="Edit" EditImageUrl="../Images/edit.gif"> <HeaderStyle Width="30px" /> <ItemStyle CssClass="MyImageButton" /> </telerik:GridEditCommandColumn> <telerik:GridButtonColumn ConfirmText="Delete this Instructor?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" HeaderText="Delete" ImageUrl="../Images/action_delete.gif"> <HeaderStyle Width="30px" /> <ItemStyle HorizontalAlign="Center" CssClass="MyDelImageButton" /> </telerik:GridButtonColumn> </Columns> </MasterTableView> </telerik:RadGrid> </td> </tr> <tr> <td> <asp:Button ID="btnAssign" Text="Assign Instructor" runat="server" OnClick="btnAssign_Click"> </asp:Button> </td> <td> <%--<asp:Button ID="btnsavesal" Text="Save\Update Salary" runat="server"></asp:Button>--%> </td> </tr> </table> </ContentTemplate> <Triggers> <asp:PostBackTrigger ControlID="btnAssign" /> </Triggers> </asp:UpdatePanel> </td> </tr> </table> </div> <telerik:RadSchedulerRecurrenceEditor ID="RecEditSave" runat="server" Visible="false" Width="550px"> </telerik:RadSchedulerRecurrenceEditor> <asp:Button runat="server" ID="hiddenTargetControlForEditModalPopup" Style="display: none" /> <cc1:ModalPopupExtender runat="server" ID="modPopExtForEditInformation" TargetControlID="hiddenTargetControlForEditModalPopup" PopupControlID="divMoreInfo" BackgroundCssClass="modalBackground" CancelControlID="btnpopupOk" PopupDragHandleControlID="programmaticPnlEditCompany"> </cc1:ModalPopupExtender><div id="divMoreInfo" visible="false" runat="server" style="display: none; background-color: white; width: 260px; height: 150px; border-width: 3px; border-style: solid; border-color: Black;"> <div> <table cellpadding="10px"> <tr> <td colspan="2" style="background-color: Silver;"> <b> <asp:Label ID="lblmessageHeader" Text="Edit Lesson Time" runat="server" /></b> </td> </tr> <tr> <td> <asp:Label ID="lblMessage" runat="server"></asp:Label> </td> </tr> <tr> <td align="center"> <asp:Button ID="btnpopupOk" runat="server" Text="OK" /> </td> </tr> </table> </div></div><
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
function GetRadWindow() {
var oWindow = null;
if (window.radWindow)
oWindow = window.RadWindow;
//Will work in Moz in all cases, including clasic dialog
else if (window.frameElement.radWindow)
oWindow = window.frameElement.radWindow;
//IE (and Moz as well)
return oWindow;
}
function Close(evt) {
if ((evt.keyCode >= 0) && (evt.keyCode <= 127))
GetRadWindow().Close();
}
</script>
<style type="text/css">
#bg {position:absolute; }
#content {position:relative; z-index:2;}
#LayerPanel1 {position:relative; z-index:1;}
</style>
<script type="text/javascript">
function OnClientInitialize(dock, args) {
var divMap = $get("bg");
divMap.appendChild(dock.get_element());
}
</script>
</
head>
<
body onkeypress="Close(event)">
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:Panel ID="Panel2" Width="100%" Height="100%" runat="server" >
<asp:Panel ID="bg" Height="100%" style="margin-left:-10px; margin-top:-10px;" Width="100%" runat="server" >
<asp:Image ID="CMapImage" Width="100%" Height="150%" runat="server" />
</asp:Panel>
<asp:Panel ID="LayerPanel1" runat="server">
<telerik:RadDockLayout ID="RadDockLayout1" runat="server">
</telerik:RadDockLayout>
</asp:Panel>
<asp:Panel ID="content" Width="100%" Height="60px" runat="server">
<asp:Panel ID="EscPanel" runat="server">
</asp:Panel>
</asp:Panel>
</asp:Panel>
</div>
</form>
</
body>
</
html>
ReadOnly Property FUDataSource() As SqlDataSource Get Dim BL As New Example_BL.Test_BL Dim ds As New SqlDataSource 'If Session(FUData) Is Nothing OrElse Not IsPostBack Then ds = BL.FUMgr_Scheduler_GetSQLDataSource(**** Replaced For Example ****) Session(FUData) = ds 'End If Return ds End Get End Property Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load If Not IsPostBack Then RadScheduler1.SelectedDate = Now RadScheduler1.DataSource = FUDataSource 'RadScheduler1.DataBind() RadCalendar1.SelectedDate = RadScheduler1.SelectedDate SyncCalendars() End If End Sub Private Sub RadScheduler1_NavigationCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.SchedulerNavigationCommandEventArgs) Handles RadScheduler1.NavigationCommand Session(FUData) = Nothing RadScheduler1.DataSource = FUDataSource 'RadScheduler1.DataBind() End Sub<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadDockZone1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadDockZone1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadGrid1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager><telerik:RadDockLayout runat="server" ID="RadDockLayout1" OnSaveDockLayout="RadDockLayout1_SaveDockLayout" OnLoadDockLayout="RadDockLayout1_LoadDockLayout" EnableEmbeddedSkins="false" Skin="IFM1"> <table id="TableLayout" runat="server"> <tr valign="top"> <td> <telerik:RadDockZone BorderWidth="0px" FitDocks="true" runat="server" ID="RadDockZone1" Width="280" MinHeight="480"> </telerik:RadDockZone> </td> <td> <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone2" Width="280" MinHeight="480"> </telerik:RadDockZone> </td> <td> <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone3" Width="280" MinHeight="480"> </telerik:RadDockZone> </td> </tr> </table> </telerik:RadDockLayout> Hi Telerik support team;
We have a web page which is opening a modal radwindow. This radwindow loads another aspx page. In the modal popup, a search is done and the search results are shown in a radgrid. When a row is clicked on the radgrid, then the window closes and passes values back to the calling page and populates a text box.
The problem is that on the popup, if the search returns about 5000+ rows, and if one of the rows is clicked, then window closes but causes a javascript endless loop which in IE produces a dialog that says "Stop running this script? A script on this page is causing your web browser to run slowly. If it continues to run, your computer might become unresponsive." Could you please suggest a fix for this? I have attached the javascript code on the calling page and the lookup page loaded in the radwindow. Thanks in advance,
Meera
Calling Page:
Js code:
function openRadWindow(windowname) {
var accPage = '<%=Page.ResolveUrl("LookUpProducts.aspx") %>';
var txthiddenproduct = document.getElementById("<%= hiddenProductName.ClientID %>");
txthiddenproduct.value =
"";
var oWnd = radopen(accPage, "Product Lookup");
oWnd.add_close(clientClose);
oWnd.setSize(920, 600);
oWnd.set_modal(
true);
oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Resize + Telerik.Web.UI.WindowBehaviors.Maximize)
var y = document.documentElement.scrollTop;
var x = document.documentElement.scrollLeft;
oWnd.moveTo(x + 50, y + 50);
}
function
clientClose(sender, eventArgs) {
var arg = sender.argument;
sender.SetUrl(
"about:blank");
var products = document.getElementById("<%= acProductNames.ClientID %>");
var txthiddenproduct = document.getElementById("<%= hiddenProductName.ClientID %>");
if (arg) {
if (txthiddenproduct.value == "") {
products.value = arg;
txthiddenproduct.value = arg;
}
}
}
Popup page within radwindow:
Javascript code:
function RowSelected(sender, args) {
var productname = args.getDataKeyValue("ProductName");
if (productname === null || productname === "") {
productname =
"NoValue";
}
var returnvalue = args.getDataKeyValue("ProductName");
returnArg(returnvalue);
}
var oWnd;
function pageLoad() {
oWnd = GetRadWindow();
}
function returnArg(value) {
oWnd = GetRadWindow();
oWnd.argument = value;
// Set the updated value in button click
oWnd.close();
}
function GetRadWindow() {
var oWindow = null;
if (window.radWindow)
oWindow = window.radWindow;
else if (window.frameElement.radWindow)
oWindow = window.frameElement.radWindow;
return oWindow;
}