Hi,
I have a ASP.NET page with a RadScheduler on it.
The page references a user control for the menu on the top of the page. The user control does not have an AjaxManager on it.
I have a RadAjaxManager on the main page.
When the page loads and you click on a calendar appointment the advancededitform appears correctly.
But if you try to cancel out of the AdvancedEditForm the LoadingPanel freezes.
I have another page in the application that uses a RadScheduler and it works fine. But that page does not reference any user controls.
If I set EnableAjax=false for this RadAjaxManager everything works fine.
In the Chrome debugger I get his error while the loading panel is freezing.
Uncaught TypeError: Cannot read property 'parentNode' of undefined.
Any ideas what would cause this?
Thanks,
Kevin
I have a ASP.NET page with a RadScheduler on it.
The page references a user control for the menu on the top of the page. The user control does not have an AjaxManager on it.
I have a RadAjaxManager on the main page.
When the page loads and you click on a calendar appointment the advancededitform appears correctly.
But if you try to cancel out of the AdvancedEditForm the LoadingPanel freezes.
I have another page in the application that uses a RadScheduler and it works fine. But that page does not reference any user controls.
If I set EnableAjax=false for this RadAjaxManager everything works fine.
In the Chrome debugger I get his error while the loading panel is freezing.
Uncaught TypeError: Cannot read property 'parentNode' of undefined.
Any ideas what would cause this?
Thanks,
Kevin
8 Answers, 1 is accepted
0
Hi Kevin,
The LoadingPanel freezing behavior is most probably caused by the mentioned js error that appear on the page when the AsdvancedForm is canceled. Could you please inspect the request by disabling the Ajax on the page and verify if some js errors appear in this case?
It would be best if you could post your page markup as well as the related cod behind so that e could further research on ti and do our best to isolate the root cause of the issue.
Regards,
Maria Ilieva
Telerik
The LoadingPanel freezing behavior is most probably caused by the mentioned js error that appear on the page when the AsdvancedForm is canceled. Could you please inspect the request by disabling the Ajax on the page and verify if some js errors appear in this case?
It would be best if you could post your page markup as well as the related cod behind so that e could further research on ti and do our best to isolate the root cause of the issue.
Regards,
Maria Ilieva
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Kevin
Top achievements
Rank 1
Rank 1
answered on 14 Jan 2014, 04:52 PM
Hi Maria,
I displayed Ajax on the page and when the Advanced Edit form opens up it gives the same error. But the error goes away when closing or cancelling the Advanced Edit Form page.
Here is the markup code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CoachCalendar.aspx.cs" Inherits="BHDPortals.pub.CoachCalendar" %>
<%@ Register src="../Account/ucEntitlements.ascx" tagname="ucEntitlements" tagprefix="uc1" %>
<%@ Register src="../ucHeader.ascx" tagname="ucHeader" tagprefix="uc2" %>
<!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">
<title></title>
<style type="text/css">
.DivDisplayShow
{
visibility:visible;
}
.DivDisplayHide
{
visibility:hidden;
}
.rsTodayCell
{
background-color:#FFcc11;
}
.rsContentTable1
{background-color:#f89b4a}
.rsContentTable
{background-color:#fbf6f6}
.lblErrorMessage
{
color:Red;
font: bold 16px "Segoe UI", Arial, sans-serif;
}
#Label1Panel { display: inline !important; }
.lblError {
background: #CC0000;
border: 1px solid darkred;
color:yellow;
font: bold 16px "Segoe UI", Arial, sans-serif;
vertical-align: middle;
display: none;
height: 24px;
line-height: 24px;
position: absolute;
padding-left: 5px;
width: 98%;
z-index: 10001;
cursor: pointer;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
</style>
<link href="../Styles/SiteHeader.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.Core.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadSchedulerCoach">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSchedulerCoach" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" BackgroundTransparency="100" Width="256px" Height="64px" runat="server" >
</telerik:RadAjaxLoadingPanel>
<uc2:ucHeader ID="ucHeader1" runat="server" />
<div>
<telerik:RadScheduler ID="RadSchedulerCoach" runat="server"
Height="100%"
DataDescriptionField="Description" DataEndField="End" DataKeyField="ID"
DataRecurrenceField="RecurrenceRule"
DataRecurrenceParentKeyField="RecurrenceParentID" DataReminderField="Reminder"
DataSourceID="SqlDataSource1" DataStartField="Start" DataSubjectField="Subject"
DisplayRecurrenceActionDialogOnMove="True" EnableDescriptionField="True"
EnableExactTimeRendering="True" SelectedView="WeekView"
StartInsertingInAdvancedForm="True"
CustomAttributeNames="AppointmentTypeID,AppointmentTimeZoneID,ProviderUserID,ClientUserID,ID"
EnableCustomAttributeEditing="True"
onappointmentinsert="RadSchedulerCoach_AppointmentInsert" ReadOnly="false"
onappointmentdelete="RadSchedulerCoach_AppointmentDelete"
onappointmentupdate="RadSchedulerCoach_AppointmentUpdate"
onappointmentcreated="RadSchedulerCoach_AppointmentCreated"
onappointmentdatabound="RadSchedulerCoach_AppointmentDataBound"
onformcreated="RadSchedulerCoach_FormCreated"
onformcreating="RadSchedulerCoach_FormCreating">
<AdvancedForm EnableTimeZonesEditing="True" Modal="True"
EnableCustomAttributeEditing="True" />
<TimelineView EnableExactTimeRendering="True" />
<TimelineView UserSelectable="false" />
<WeekView EnableExactTimeRendering="True" />
<DayView EnableExactTimeRendering="True" />
<DayView UserSelectable="True" />
<MultiDayView EnableExactTimeRendering="True" />
<MonthView AdaptiveRowHeight="True" />
<AppointmentContextMenuSettings EnableDefault="True" />
<TimeSlotContextMenuSettings EnableDefault="True" />
<Reminders Enabled="True" />
</telerik:RadScheduler>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:BHDPortalsConnectionString %>"
DeleteCommand="DELETE FROM [BHDAppointments] WHERE [ID] = @ID"
InsertCommand="INSERT INTO [BHDAppointments] ([ProviderUserID], [ClientUserID], [Subject], [Start], [End], [RoomID], [RecurrenceRule], [RecurrenceParentID], [Annotations], [Description], [Reminder], [LastModified], [TimeZoneID], [AppointmentTypeID], [UserID], [AppointmentStatus], [TimeZone], [AppointmentTimeZoneID], [PatientCoachNoteID], [CreatedDate], [UpdatedDate]) VALUES (@ProviderUserID, @ClientUserID, @Subject, @Start, @End, @RoomID, @RecurrenceRule, @RecurrenceParentID, @Annotations, @Description, @Reminder, @LastModified, @TimeZoneID, @AppointmentTypeID, @UserID, @AppointmentStatus, @TimeZone, @AppointmentTimeZoneID, @PatientCoachNoteID, @CreatedDate, @UpdatedDate)"
SelectCommand="SELECT * FROM [BHDAppointments] WHERE ([ProviderUserID] = @ProviderUserID)"
UpdateCommand="UPDATE [BHDAppointments] SET [ProviderUserID] = @ProviderUserID, [ClientUserID] = @ClientUserID, [Subject] = @Subject, [Start] = @Start, [End] = @End, [RoomID] = @RoomID, [RecurrenceRule] = @RecurrenceRule, [RecurrenceParentID] = @RecurrenceParentID, [Annotations] = @Annotations, [Description] = @Description, [Reminder] = @Reminder, [LastModified] = @LastModified, [TimeZoneID] = @TimeZoneID, [AppointmentTypeID] = @AppointmentTypeID, [UserID] = @UserID, [AppointmentStatus] = @AppointmentStatus, [TimeZone] = @TimeZone, [AppointmentTimeZoneID] = @AppointmentTimeZoneID, [PatientCoachNoteID] = @PatientCoachNoteID, [CreatedDate] = @CreatedDate, [UpdatedDate] = @UpdatedDate WHERE [ID] = @ID">
<DeleteParameters>
<asp:Parameter Name="ID" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="ProviderUserID" Type="Int32" />
<asp:Parameter Name="ClientUserID" Type="Int32" />
<asp:Parameter Name="Subject" Type="String" />
<asp:Parameter Name="Start" Type="DateTime" />
<asp:Parameter Name="End" Type="DateTime" />
<asp:Parameter Name="RoomID" Type="Int32" />
<asp:Parameter Name="RecurrenceRule" Type="String" />
<asp:Parameter Name="RecurrenceParentID" Type="Int32" />
<asp:Parameter Name="Annotations" Type="String" />
<asp:Parameter Name="Description" Type="String" />
<asp:Parameter Name="Reminder" Type="String" />
<asp:Parameter Name="LastModified" Type="String" />
<asp:Parameter Name="TimeZoneID" Type="String" />
<asp:Parameter Name="AppointmentTypeID" Type="Int32" />
<asp:Parameter Name="UserID" Type="Int32" />
<asp:Parameter Name="AppointmentStatus" Type="Int32" />
<asp:Parameter Name="TimeZone" Type="Int32" />
<asp:Parameter Name="AppointmentTimeZoneID" Type="String" />
<asp:Parameter Name="PatientCoachNoteID" Type="Int32" />
<asp:Parameter Name="CreatedDate" Type="DateTime" />
<asp:Parameter Name="UpdatedDate" Type="DateTime" />
</InsertParameters>
<SelectParameters>
<asp:ControlParameter ControlID="lblCoachID" Name="ProviderUserID"
PropertyName="Text" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:Parameter Name="ProviderUserID" Type="Int32" />
<asp:Parameter Name="ClientUserID" Type="Int32" />
<asp:Parameter Name="Subject" Type="String" />
<asp:Parameter Name="Start" Type="DateTime" />
<asp:Parameter Name="End" Type="DateTime" />
<asp:Parameter Name="RoomID" Type="Int32" />
<asp:Parameter Name="RecurrenceRule" Type="String" />
<asp:Parameter Name="RecurrenceParentID" Type="Int32" />
<asp:Parameter Name="Annotations" Type="String" />
<asp:Parameter Name="Description" Type="String" />
<asp:Parameter Name="Reminder" Type="String" />
<asp:Parameter Name="LastModified" Type="String" />
<asp:Parameter Name="TimeZoneID" Type="String" />
<asp:Parameter Name="AppointmentTypeID" Type="Int32" />
<asp:Parameter Name="UserID" Type="Int32" />
<asp:Parameter Name="AppointmentStatus" Type="Int32" />
<asp:Parameter Name="TimeZone" Type="Int32" />
<asp:Parameter Name="AppointmentTimeZoneID" Type="String" />
<asp:Parameter Name="PatientCoachNoteID" Type="Int32" />
<asp:Parameter Name="CreatedDate" Type="DateTime" />
<asp:Parameter Name="UpdatedDate" Type="DateTime" />
<asp:Parameter Name="ID" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
<asp:LinqDataSource ID="LinqDataSource1" runat="server"
ContextTypeName="BHDPortals.datacontrols.BHDDataClassesDataContext"
EntityTypeName="" TableName="BHDAppointments"
Where="ProviderUserID == @ProviderUserID">
<WhereParameters>
<asp:ControlParameter ControlID="lblCoachID" Name="ProviderUserID"
PropertyName="Text" Type="Int32" />
</WhereParameters>
</asp:LinqDataSource>
<div id="divComponents" runat="server">
<asp:Label ID="lblCoachID" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblUserType" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblUserTimeZoneID" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblClientUserID" runat="server" Font-Bold="true" ForeColor="#0033CC"></asp:Label>
</div>
</div>
</form>
</body>
</html>
Here is the code behind:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BHDPortals.datacontrols;
using Telerik.Web.UI;
namespace BHDPortals.pub
{
public partial class CoachCalendar : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ucHeader1.mnuRadMenu.Visible = true;
string hideHeader = "";
string todayAppointments = "";
RadSchedulerCoach.Skin = "Simple";
if (!Page.IsPostBack)
{
BHDDataClassesDataContext bhd = new BHDDataClassesDataContext();
aspnet_User bUser = (from c in bhd.aspnet_Users where c.UserName == Page.User.Identity.Name.ToString() select c).SingleOrDefault();
lblCoachID.Text = bUser.CurrentProviderBHDUserID.ToString();
lblUserTimeZoneID.Text = bUser.TimeZoneID.ToString();
divComponents.Style["visibility"] = "hidden";
TimeSpan t1 = new TimeSpan();
TimeSpan t2 = new TimeSpan();
t1 = TimeSpan.Parse(bUser.WorkingHoursStart);
t2 = TimeSpan.Parse(bUser.WorkingHoursEnd);
// Hide Header Code //
if (Request.QueryString["hh"] != null)
hideHeader = String.Format("{0}", Request.QueryString["hh"]);
if (hideHeader != "")
ucHeader1.Visible = false;
// Todays Appointments Code //
if (Request.QueryString["ta"] != null)
todayAppointments = String.Format("{0}", Request.QueryString["ta"]);
if (todayAppointments != "")
{
RadSchedulerCoach.SelectedView = SchedulerViewType.DayView;
RadSchedulerCoach.SelectedDate = DateTime.Today;
RadSchedulerCoach.WorkDayStartTime = t1;
RadSchedulerCoach.WorkDayEndTime = t2;
RadSchedulerCoach.DayStartTime = t1;
RadSchedulerCoach.DayEndTime = t2;
RadSchedulerCoach.OverflowBehavior = OverflowBehavior.Scroll;
}
else
{
RadSchedulerCoach.SelectedView = SchedulerViewType.WeekView;
RadSchedulerCoach.WorkDayStartTime = t1;
RadSchedulerCoach.WorkDayEndTime = t2;
RadSchedulerCoach.WeekView.DayStartTime = t1;
RadSchedulerCoach.WeekView.DayEndTime = t2;
RadSchedulerCoach.OverflowBehavior = OverflowBehavior.Scroll;
}
}
RadSchedulerCoach.FirstDayOfWeek = DayOfWeek.Monday;
RadSchedulerCoach.LastDayOfWeek = DayOfWeek.Saturday;
}
protected void RadSchedulerCoach_AppointmentInsert(object sender, Telerik.Web.UI.AppointmentInsertEventArgs e)
{
e.Appointment.Attributes.Add("ProviderUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("ClientUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("TimeZoneID", lblUserTimeZoneID.Text);
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
}
protected void RadSchedulerCoach_AppointmentUpdate(object sender, Telerik.Web.UI.AppointmentUpdateEventArgs e)
{
string tempclientid = e.Appointment.Attributes["ClientUserID"];
string tempprovideruserid = e.Appointment.Attributes["ProviderUserID"];
if (tempclientid != tempprovideruserid)
{
e.Cancel = true;
RadSchedulerCoach.Rebind();
}
else
{
e.Appointment.Attributes.Add("ProviderUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("ClientUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("TimeZoneID", lblUserTimeZoneID.Text);
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
}
}
protected void RadSchedulerCoach_AppointmentDelete(object sender, Telerik.Web.UI.AppointmentDeleteEventArgs e)
{
BHDDataClassesDataContext bhd = new BHDDataClassesDataContext();
string tempclientid = e.Appointment.Attributes["ClientUserID"];
string tempprovideruserid = e.Appointment.Attributes["ProviderUserID"];
// if clientid not equal to providerid then this is a patient appointment //
if (tempclientid != tempprovideruserid)
{
int AppointmentTypeID = 0;
AppointmentTypeID = Convert.ToInt32(e.Appointment.Attributes["AppointmentTypeID"]);
// Added logic to give patient back initial or follow-up appointment if coach cancels the appointment //
bhd.UpdatedPatientApptTypeFlags(tempclientid, AppointmentTypeID);
}
}
protected void RadSchedulerCoach_FormCreated(object sender, Telerik.Web.UI.SchedulerFormCreatedEventArgs e)
{
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
//Label lblAppointmentTypeID = (Label)e.Container.FindControl("RadSchedulerCoach_Form_AttrAppointmentTypeID");
//lblAppointmentTypeID.Text = "5";
// Disable the LastModified textbox in the advanced form
if (e.Container.Mode == SchedulerFormMode.AdvancedEdit || e.Container.Mode == SchedulerFormMode.AdvancedInsert)
{
RadTextBox txtAppointmentTypeID = e.Container.FindControl("AttrAppointmentTypeID") as RadTextBox;
if (txtAppointmentTypeID != null)
{
txtAppointmentTypeID.Enabled = false;
txtAppointmentTypeID.Visible = false;
}
RadTextBox txtProviderUserID = e.Container.FindControl("AttrProviderUserID") as RadTextBox;
if (txtProviderUserID != null)
{
txtProviderUserID.Enabled = false;
txtProviderUserID.Visible = false;
}
RadTextBox txtClientUserID = e.Container.FindControl("AttrClientUserID") as RadTextBox;
if (txtClientUserID != null)
{
txtClientUserID.Enabled = false;
txtClientUserID.Visible = false;
}
RadTimePicker startTime = e.Container.FindControl("StartTime") as RadTimePicker;
startTime.TimeView.StartTime = new TimeSpan(7, 0, 0);
startTime.TimeView.Interval = new TimeSpan(0, 30, 0);
startTime.TimeView.EndTime = new TimeSpan(22, 30, 0);
startTime.TimeView.Columns = 3;
startTime.TimeView.DataList.DataSource = null;
startTime.DataBind();
RadTimePicker endTime = e.Container.FindControl("EndTime") as RadTimePicker;
endTime.TimeView.StartTime = new TimeSpan(7, 0, 0);
endTime.TimeView.Interval = new TimeSpan(0, 30, 0);
endTime.TimeView.EndTime = new TimeSpan(22, 30, 0);
endTime.TimeView.Columns = 3;
endTime.TimeView.DataList.DataSource = null;
endTime.DataBind();
CheckBox allDayCheckbox = (CheckBox)e.Container.FindControl("AllDayEvent");
allDayCheckbox.Visible = false;
RadTextBox txtTimeZoneID = (RadTextBox)e.Container.FindControl("AttrAppointmentTimeZoneID");
if (txtTimeZoneID != null)
{
txtTimeZoneID.Enabled = false;
txtTimeZoneID.Visible = false;
}
}
}
protected void RadSchedulerCoach_FormCreating(object sender, Telerik.Web.UI.SchedulerFormCreatingEventArgs e)
{
if (string.IsNullOrEmpty(e.Appointment.Attributes["AppointmentTypeID"]))
e.Appointment.Attributes["AppointmentTypeID"] = "5";
if (string.IsNullOrEmpty(e.Appointment.Attributes["ProviderUserID"]))
e.Appointment.Attributes["ProviderUserID"]= lblCoachID.Text;
if (string.IsNullOrEmpty(e.Appointment.Attributes["ClientUserID"]))
e.Appointment.Attributes["ClientUserID"]= lblCoachID.Text;
}
protected void RadSchedulerCoach_AppointmentCreated(object sender, Telerik.Web.UI.AppointmentCreatedEventArgs e)
{
}
protected void RadSchedulerCoach_AppointmentDataBound(object sender, Telerik.Web.UI.SchedulerEventArgs e)
{
if (e.Appointment.Attributes["AppointmentTimeZoneID"] != "")
{
TimeSpan t1 = new TimeSpan(0, 0, 0);
TimeSpan t2 = new TimeSpan(0, 0, 0);
if (lblUserTimeZoneID.Text != "")
t2 = TimeSpan.Parse(lblUserTimeZoneID.Text);
if (e.Appointment.Attributes["AppointmentTimeZoneID"] != "")
t1 = TimeSpan.Parse(e.Appointment.Attributes["AppointmentTimeZoneID"]);
TimeSpan offsetTime = t2 - t1;
e.Appointment.Start = e.Appointment.Start.Add(offsetTime);
e.Appointment.End = e.Appointment.End.Add(offsetTime);
}
}
}
}
Let me know what you find.
Thanks,
Kevin
I displayed Ajax on the page and when the Advanced Edit form opens up it gives the same error. But the error goes away when closing or cancelling the Advanced Edit Form page.
Here is the markup code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CoachCalendar.aspx.cs" Inherits="BHDPortals.pub.CoachCalendar" %>
<%@ Register src="../Account/ucEntitlements.ascx" tagname="ucEntitlements" tagprefix="uc1" %>
<%@ Register src="../ucHeader.ascx" tagname="ucHeader" tagprefix="uc2" %>
<!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">
<title></title>
<style type="text/css">
.DivDisplayShow
{
visibility:visible;
}
.DivDisplayHide
{
visibility:hidden;
}
.rsTodayCell
{
background-color:#FFcc11;
}
.rsContentTable1
{background-color:#f89b4a}
.rsContentTable
{background-color:#fbf6f6}
.lblErrorMessage
{
color:Red;
font: bold 16px "Segoe UI", Arial, sans-serif;
}
#Label1Panel { display: inline !important; }
.lblError {
background: #CC0000;
border: 1px solid darkred;
color:yellow;
font: bold 16px "Segoe UI", Arial, sans-serif;
vertical-align: middle;
display: none;
height: 24px;
line-height: 24px;
position: absolute;
padding-left: 5px;
width: 98%;
z-index: 10001;
cursor: pointer;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
</style>
<link href="../Styles/SiteHeader.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.Core.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadSchedulerCoach">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSchedulerCoach" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" BackgroundTransparency="100" Width="256px" Height="64px" runat="server" >
</telerik:RadAjaxLoadingPanel>
<uc2:ucHeader ID="ucHeader1" runat="server" />
<div>
<telerik:RadScheduler ID="RadSchedulerCoach" runat="server"
Height="100%"
DataDescriptionField="Description" DataEndField="End" DataKeyField="ID"
DataRecurrenceField="RecurrenceRule"
DataRecurrenceParentKeyField="RecurrenceParentID" DataReminderField="Reminder"
DataSourceID="SqlDataSource1" DataStartField="Start" DataSubjectField="Subject"
DisplayRecurrenceActionDialogOnMove="True" EnableDescriptionField="True"
EnableExactTimeRendering="True" SelectedView="WeekView"
StartInsertingInAdvancedForm="True"
CustomAttributeNames="AppointmentTypeID,AppointmentTimeZoneID,ProviderUserID,ClientUserID,ID"
EnableCustomAttributeEditing="True"
onappointmentinsert="RadSchedulerCoach_AppointmentInsert" ReadOnly="false"
onappointmentdelete="RadSchedulerCoach_AppointmentDelete"
onappointmentupdate="RadSchedulerCoach_AppointmentUpdate"
onappointmentcreated="RadSchedulerCoach_AppointmentCreated"
onappointmentdatabound="RadSchedulerCoach_AppointmentDataBound"
onformcreated="RadSchedulerCoach_FormCreated"
onformcreating="RadSchedulerCoach_FormCreating">
<AdvancedForm EnableTimeZonesEditing="True" Modal="True"
EnableCustomAttributeEditing="True" />
<TimelineView EnableExactTimeRendering="True" />
<TimelineView UserSelectable="false" />
<WeekView EnableExactTimeRendering="True" />
<DayView EnableExactTimeRendering="True" />
<DayView UserSelectable="True" />
<MultiDayView EnableExactTimeRendering="True" />
<MonthView AdaptiveRowHeight="True" />
<AppointmentContextMenuSettings EnableDefault="True" />
<TimeSlotContextMenuSettings EnableDefault="True" />
<Reminders Enabled="True" />
</telerik:RadScheduler>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:BHDPortalsConnectionString %>"
DeleteCommand="DELETE FROM [BHDAppointments] WHERE [ID] = @ID"
InsertCommand="INSERT INTO [BHDAppointments] ([ProviderUserID], [ClientUserID], [Subject], [Start], [End], [RoomID], [RecurrenceRule], [RecurrenceParentID], [Annotations], [Description], [Reminder], [LastModified], [TimeZoneID], [AppointmentTypeID], [UserID], [AppointmentStatus], [TimeZone], [AppointmentTimeZoneID], [PatientCoachNoteID], [CreatedDate], [UpdatedDate]) VALUES (@ProviderUserID, @ClientUserID, @Subject, @Start, @End, @RoomID, @RecurrenceRule, @RecurrenceParentID, @Annotations, @Description, @Reminder, @LastModified, @TimeZoneID, @AppointmentTypeID, @UserID, @AppointmentStatus, @TimeZone, @AppointmentTimeZoneID, @PatientCoachNoteID, @CreatedDate, @UpdatedDate)"
SelectCommand="SELECT * FROM [BHDAppointments] WHERE ([ProviderUserID] = @ProviderUserID)"
UpdateCommand="UPDATE [BHDAppointments] SET [ProviderUserID] = @ProviderUserID, [ClientUserID] = @ClientUserID, [Subject] = @Subject, [Start] = @Start, [End] = @End, [RoomID] = @RoomID, [RecurrenceRule] = @RecurrenceRule, [RecurrenceParentID] = @RecurrenceParentID, [Annotations] = @Annotations, [Description] = @Description, [Reminder] = @Reminder, [LastModified] = @LastModified, [TimeZoneID] = @TimeZoneID, [AppointmentTypeID] = @AppointmentTypeID, [UserID] = @UserID, [AppointmentStatus] = @AppointmentStatus, [TimeZone] = @TimeZone, [AppointmentTimeZoneID] = @AppointmentTimeZoneID, [PatientCoachNoteID] = @PatientCoachNoteID, [CreatedDate] = @CreatedDate, [UpdatedDate] = @UpdatedDate WHERE [ID] = @ID">
<DeleteParameters>
<asp:Parameter Name="ID" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="ProviderUserID" Type="Int32" />
<asp:Parameter Name="ClientUserID" Type="Int32" />
<asp:Parameter Name="Subject" Type="String" />
<asp:Parameter Name="Start" Type="DateTime" />
<asp:Parameter Name="End" Type="DateTime" />
<asp:Parameter Name="RoomID" Type="Int32" />
<asp:Parameter Name="RecurrenceRule" Type="String" />
<asp:Parameter Name="RecurrenceParentID" Type="Int32" />
<asp:Parameter Name="Annotations" Type="String" />
<asp:Parameter Name="Description" Type="String" />
<asp:Parameter Name="Reminder" Type="String" />
<asp:Parameter Name="LastModified" Type="String" />
<asp:Parameter Name="TimeZoneID" Type="String" />
<asp:Parameter Name="AppointmentTypeID" Type="Int32" />
<asp:Parameter Name="UserID" Type="Int32" />
<asp:Parameter Name="AppointmentStatus" Type="Int32" />
<asp:Parameter Name="TimeZone" Type="Int32" />
<asp:Parameter Name="AppointmentTimeZoneID" Type="String" />
<asp:Parameter Name="PatientCoachNoteID" Type="Int32" />
<asp:Parameter Name="CreatedDate" Type="DateTime" />
<asp:Parameter Name="UpdatedDate" Type="DateTime" />
</InsertParameters>
<SelectParameters>
<asp:ControlParameter ControlID="lblCoachID" Name="ProviderUserID"
PropertyName="Text" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:Parameter Name="ProviderUserID" Type="Int32" />
<asp:Parameter Name="ClientUserID" Type="Int32" />
<asp:Parameter Name="Subject" Type="String" />
<asp:Parameter Name="Start" Type="DateTime" />
<asp:Parameter Name="End" Type="DateTime" />
<asp:Parameter Name="RoomID" Type="Int32" />
<asp:Parameter Name="RecurrenceRule" Type="String" />
<asp:Parameter Name="RecurrenceParentID" Type="Int32" />
<asp:Parameter Name="Annotations" Type="String" />
<asp:Parameter Name="Description" Type="String" />
<asp:Parameter Name="Reminder" Type="String" />
<asp:Parameter Name="LastModified" Type="String" />
<asp:Parameter Name="TimeZoneID" Type="String" />
<asp:Parameter Name="AppointmentTypeID" Type="Int32" />
<asp:Parameter Name="UserID" Type="Int32" />
<asp:Parameter Name="AppointmentStatus" Type="Int32" />
<asp:Parameter Name="TimeZone" Type="Int32" />
<asp:Parameter Name="AppointmentTimeZoneID" Type="String" />
<asp:Parameter Name="PatientCoachNoteID" Type="Int32" />
<asp:Parameter Name="CreatedDate" Type="DateTime" />
<asp:Parameter Name="UpdatedDate" Type="DateTime" />
<asp:Parameter Name="ID" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
<asp:LinqDataSource ID="LinqDataSource1" runat="server"
ContextTypeName="BHDPortals.datacontrols.BHDDataClassesDataContext"
EntityTypeName="" TableName="BHDAppointments"
Where="ProviderUserID == @ProviderUserID">
<WhereParameters>
<asp:ControlParameter ControlID="lblCoachID" Name="ProviderUserID"
PropertyName="Text" Type="Int32" />
</WhereParameters>
</asp:LinqDataSource>
<div id="divComponents" runat="server">
<asp:Label ID="lblCoachID" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblUserType" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblUserTimeZoneID" runat="server" Font-Bold="True" ForeColor="#0033CC"></asp:Label>
<asp:Label ID="lblClientUserID" runat="server" Font-Bold="true" ForeColor="#0033CC"></asp:Label>
</div>
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BHDPortals.datacontrols;
using Telerik.Web.UI;
namespace BHDPortals.pub
{
public partial class CoachCalendar : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ucHeader1.mnuRadMenu.Visible = true;
string hideHeader = "";
string todayAppointments = "";
RadSchedulerCoach.Skin = "Simple";
if (!Page.IsPostBack)
{
BHDDataClassesDataContext bhd = new BHDDataClassesDataContext();
aspnet_User bUser = (from c in bhd.aspnet_Users where c.UserName == Page.User.Identity.Name.ToString() select c).SingleOrDefault();
lblCoachID.Text = bUser.CurrentProviderBHDUserID.ToString();
lblUserTimeZoneID.Text = bUser.TimeZoneID.ToString();
divComponents.Style["visibility"] = "hidden";
TimeSpan t1 = new TimeSpan();
TimeSpan t2 = new TimeSpan();
t1 = TimeSpan.Parse(bUser.WorkingHoursStart);
t2 = TimeSpan.Parse(bUser.WorkingHoursEnd);
// Hide Header Code //
if (Request.QueryString["hh"] != null)
hideHeader = String.Format("{0}", Request.QueryString["hh"]);
if (hideHeader != "")
ucHeader1.Visible = false;
// Todays Appointments Code //
if (Request.QueryString["ta"] != null)
todayAppointments = String.Format("{0}", Request.QueryString["ta"]);
if (todayAppointments != "")
{
RadSchedulerCoach.SelectedView = SchedulerViewType.DayView;
RadSchedulerCoach.SelectedDate = DateTime.Today;
RadSchedulerCoach.WorkDayStartTime = t1;
RadSchedulerCoach.WorkDayEndTime = t2;
RadSchedulerCoach.DayStartTime = t1;
RadSchedulerCoach.DayEndTime = t2;
RadSchedulerCoach.OverflowBehavior = OverflowBehavior.Scroll;
}
else
{
RadSchedulerCoach.SelectedView = SchedulerViewType.WeekView;
RadSchedulerCoach.WorkDayStartTime = t1;
RadSchedulerCoach.WorkDayEndTime = t2;
RadSchedulerCoach.WeekView.DayStartTime = t1;
RadSchedulerCoach.WeekView.DayEndTime = t2;
RadSchedulerCoach.OverflowBehavior = OverflowBehavior.Scroll;
}
}
RadSchedulerCoach.FirstDayOfWeek = DayOfWeek.Monday;
RadSchedulerCoach.LastDayOfWeek = DayOfWeek.Saturday;
}
protected void RadSchedulerCoach_AppointmentInsert(object sender, Telerik.Web.UI.AppointmentInsertEventArgs e)
{
e.Appointment.Attributes.Add("ProviderUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("ClientUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("TimeZoneID", lblUserTimeZoneID.Text);
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
}
protected void RadSchedulerCoach_AppointmentUpdate(object sender, Telerik.Web.UI.AppointmentUpdateEventArgs e)
{
string tempclientid = e.Appointment.Attributes["ClientUserID"];
string tempprovideruserid = e.Appointment.Attributes["ProviderUserID"];
if (tempclientid != tempprovideruserid)
{
e.Cancel = true;
RadSchedulerCoach.Rebind();
}
else
{
e.Appointment.Attributes.Add("ProviderUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("ClientUserID", lblCoachID.Text);
e.Appointment.Attributes.Add("TimeZoneID", lblUserTimeZoneID.Text);
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
}
}
protected void RadSchedulerCoach_AppointmentDelete(object sender, Telerik.Web.UI.AppointmentDeleteEventArgs e)
{
BHDDataClassesDataContext bhd = new BHDDataClassesDataContext();
string tempclientid = e.Appointment.Attributes["ClientUserID"];
string tempprovideruserid = e.Appointment.Attributes["ProviderUserID"];
// if clientid not equal to providerid then this is a patient appointment //
if (tempclientid != tempprovideruserid)
{
int AppointmentTypeID = 0;
AppointmentTypeID = Convert.ToInt32(e.Appointment.Attributes["AppointmentTypeID"]);
// Added logic to give patient back initial or follow-up appointment if coach cancels the appointment //
bhd.UpdatedPatientApptTypeFlags(tempclientid, AppointmentTypeID);
}
}
protected void RadSchedulerCoach_FormCreated(object sender, Telerik.Web.UI.SchedulerFormCreatedEventArgs e)
{
e.Appointment.Attributes.Add("AppointmentTypeID", "5");
e.Appointment.Attributes.Add("AppointmentTimeZoneID", lblUserTimeZoneID.Text);
//Label lblAppointmentTypeID = (Label)e.Container.FindControl("RadSchedulerCoach_Form_AttrAppointmentTypeID");
//lblAppointmentTypeID.Text = "5";
// Disable the LastModified textbox in the advanced form
if (e.Container.Mode == SchedulerFormMode.AdvancedEdit || e.Container.Mode == SchedulerFormMode.AdvancedInsert)
{
RadTextBox txtAppointmentTypeID = e.Container.FindControl("AttrAppointmentTypeID") as RadTextBox;
if (txtAppointmentTypeID != null)
{
txtAppointmentTypeID.Enabled = false;
txtAppointmentTypeID.Visible = false;
}
RadTextBox txtProviderUserID = e.Container.FindControl("AttrProviderUserID") as RadTextBox;
if (txtProviderUserID != null)
{
txtProviderUserID.Enabled = false;
txtProviderUserID.Visible = false;
}
RadTextBox txtClientUserID = e.Container.FindControl("AttrClientUserID") as RadTextBox;
if (txtClientUserID != null)
{
txtClientUserID.Enabled = false;
txtClientUserID.Visible = false;
}
RadTimePicker startTime = e.Container.FindControl("StartTime") as RadTimePicker;
startTime.TimeView.StartTime = new TimeSpan(7, 0, 0);
startTime.TimeView.Interval = new TimeSpan(0, 30, 0);
startTime.TimeView.EndTime = new TimeSpan(22, 30, 0);
startTime.TimeView.Columns = 3;
startTime.TimeView.DataList.DataSource = null;
startTime.DataBind();
RadTimePicker endTime = e.Container.FindControl("EndTime") as RadTimePicker;
endTime.TimeView.StartTime = new TimeSpan(7, 0, 0);
endTime.TimeView.Interval = new TimeSpan(0, 30, 0);
endTime.TimeView.EndTime = new TimeSpan(22, 30, 0);
endTime.TimeView.Columns = 3;
endTime.TimeView.DataList.DataSource = null;
endTime.DataBind();
CheckBox allDayCheckbox = (CheckBox)e.Container.FindControl("AllDayEvent");
allDayCheckbox.Visible = false;
RadTextBox txtTimeZoneID = (RadTextBox)e.Container.FindControl("AttrAppointmentTimeZoneID");
if (txtTimeZoneID != null)
{
txtTimeZoneID.Enabled = false;
txtTimeZoneID.Visible = false;
}
}
}
protected void RadSchedulerCoach_FormCreating(object sender, Telerik.Web.UI.SchedulerFormCreatingEventArgs e)
{
if (string.IsNullOrEmpty(e.Appointment.Attributes["AppointmentTypeID"]))
e.Appointment.Attributes["AppointmentTypeID"] = "5";
if (string.IsNullOrEmpty(e.Appointment.Attributes["ProviderUserID"]))
e.Appointment.Attributes["ProviderUserID"]= lblCoachID.Text;
if (string.IsNullOrEmpty(e.Appointment.Attributes["ClientUserID"]))
e.Appointment.Attributes["ClientUserID"]= lblCoachID.Text;
}
protected void RadSchedulerCoach_AppointmentCreated(object sender, Telerik.Web.UI.AppointmentCreatedEventArgs e)
{
}
protected void RadSchedulerCoach_AppointmentDataBound(object sender, Telerik.Web.UI.SchedulerEventArgs e)
{
if (e.Appointment.Attributes["AppointmentTimeZoneID"] != "")
{
TimeSpan t1 = new TimeSpan(0, 0, 0);
TimeSpan t2 = new TimeSpan(0, 0, 0);
if (lblUserTimeZoneID.Text != "")
t2 = TimeSpan.Parse(lblUserTimeZoneID.Text);
if (e.Appointment.Attributes["AppointmentTimeZoneID"] != "")
t1 = TimeSpan.Parse(e.Appointment.Attributes["AppointmentTimeZoneID"]);
TimeSpan offsetTime = t2 - t1;
e.Appointment.Start = e.Appointment.Start.Add(offsetTime);
e.Appointment.End = e.Appointment.End.Add(offsetTime);
}
}
}
}
Let me know what you find.
Thanks,
Kevin
0
Kevin
Top achievements
Rank 1
Rank 1
answered on 14 Jan 2014, 04:55 PM
Maria,
In my last message I meant to say I disabled Ajax on the page in my first line, but instead I typed displayed Ajax. Please disregard the typo.
Thanks,
Kevin
In my last message I meant to say I disabled Ajax on the page in my first line, but instead I typed displayed Ajax. Please disregard the typo.
Thanks,
Kevin
0
Hi Kevin,
The issue sounds quite unusual indeed. I have isolated the code that you shared into a sample isolated web page but unfortunately could not observe the error described with the latest 2013.3 1114 version of Telerik Ajax Controls.
Would you please review the attached project and let us know what else should be added in order to observe the issue locally and be more helpful with a possible solution?
Regards,
Plamen
Telerik
The issue sounds quite unusual indeed. I have isolated the code that you shared into a sample isolated web page but unfortunately could not observe the error described with the latest 2013.3 1114 version of Telerik Ajax Controls.
Would you please review the attached project and let us know what else should be added in order to observe the issue locally and be more helpful with a possible solution?
Regards,
Plamen
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Kevin
Top achievements
Rank 1
Rank 1
answered on 17 Jan 2014, 09:04 PM
Hi Plamen,
Create a user control with a menu on it and then reference that user control in that page you created. You can put the user control before the calendar so the menu is at the top of the page.
Then the Ajax on the Calendar stop's working correctly for me.
Thanks for looking into it.
Kevin
Create a user control with a menu on it and then reference that user control in that page you created. You can put the user control before the calendar so the menu is at the top of the page.
Then the Ajax on the Calendar stop's working correctly for me.
Thanks for looking into it.
Kevin
0
Hi Kevin,
I am attaching a sample web page with RadScheduler in UserControl. please review it and if your scenario is some how different please provided the exact code that should be added to replicated the unusual behavior so we could be more helpful.
Regards,
Plamen
Telerik
I am attaching a sample web page with RadScheduler in UserControl. please review it and if your scenario is some how different please provided the exact code that should be added to replicated the unusual behavior so we could be more helpful.
Regards,
Plamen
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Kevin
Top achievements
Rank 1
Rank 1
answered on 22 Jan 2014, 04:24 PM
Hi Plamen,
I think you may be confused at the way I have it setup.
I have a page with a scheduler on it. (The Scheduler is not in a user control).
This page with the scheduler on it has a user control on it. That user control contains the menu for the top of the page.
This is causing my scheduler page to work incorrectly.
Look at the code I pasted earlier in this thread where I reference a user control named ucHeader.
The page with the scheduler on it references ucHeader which has the menu on it.
Let me know if there is anything else you need.
Thanks,
Kevin
I think you may be confused at the way I have it setup.
I have a page with a scheduler on it. (The Scheduler is not in a user control).
This page with the scheduler on it has a user control on it. That user control contains the menu for the top of the page.
This is causing my scheduler page to work incorrectly.
Look at the code I pasted earlier in this thread where I reference a user control named ucHeader.
The page with the scheduler on it references ucHeader which has the menu on it.
Let me know if there is anything else you need.
Thanks,
Kevin
0
Hi Kevin,
Thank you for getting back to us.
I am attaching another version of the scenario in an updated web page that worked correctly at my side. I would kindly ask you to share the exact code that need to be changed or added in order to replicate the issue.
Regards,
Plamen
Telerik
Thank you for getting back to us.
I am attaching another version of the scenario in an updated web page that worked correctly at my side. I would kindly ask you to share the exact code that need to be changed or added in order to replicate the issue.
Regards,
Plamen
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.