Questions on UI for ASP.NET AJAX Forum

1 answer

96 views

Hi telerik

here is my scenario:

I have a textbox a submit button and two grids in one page

in textbox, users have to insert a name and in that two grids insert some rows

after user pushes submit button all grids rows and textbox's value must insert into database and two grids have to connect whit the textbox record's id;

actually I'm trying to do all these process by just one click

so is there any recommendation to do this?

Grid

answered on 05 Aug 2016

3 answers

150 views

RadLoadingPanel not showing on RadScheduler

Hi There,

I run into an issue that the loading panel is not showing with RadScheduler. I created a test page from the code of the telerik demo, it stills not showing the loading panel, just showing flashes between the postback (when changes the monthview to weekview etc). Please help. Thanks.

Following the the code of SchedulerTest.aspx, and SchedulerTest.aspx.cs

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SchedulerTest.aspx.cs" Inherits="SchedulerTest" %>

<%@ 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 runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

<div>

<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1" DayStartTime="08:00:00"

DayEndTime="18:00:00" OnAppointmentInsert="RadScheduler1_AppointmentInsert"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId"

DataReminderField="Reminder">

<AdvancedForm Modal="true"></AdvancedForm>

<TimelineView UserSelectable="false"></TimelineView>

<TimeSlotContextMenuSettings EnableDefault="true"></TimeSlotContextMenuSettings>

<AppointmentContextMenuSettings EnableDefault="true"></AppointmentContextMenuSettings>

<Reminders Enabled="true"></Reminders>

</telerik:RadScheduler>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</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 Telerik.Web.UI;

public partial class SchedulerTest : System.Web.UI.Page

{

private const string AppointmentsKey = "Telerik.Web.Examples.Scheduler.BindToList.CS.Apts";

private List<AppointmentInfo> Appointments

{

get

{

List<AppointmentInfo> sessApts = Session[AppointmentsKey] as List<AppointmentInfo>;

if (sessApts == null)

{

sessApts = new List<AppointmentInfo>();

Session[AppointmentsKey] = sessApts;

}

return sessApts;

}

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

if (!IsPostBack)

{

Session.Remove(AppointmentsKey);

InitializeResources();

InitializeAppointments();

}

RadScheduler1.DataSource = Appointments;

}

protected void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e)

{

Appointments.Add(new AppointmentInfo(e.Appointment));

}

protected void RadScheduler1_AppointmentUpdate(object sender, AppointmentUpdateEventArgs e)

{

AppointmentInfo ai = FindById(e.ModifiedAppointment.ID);

RecurrenceRule rrule;

if (RecurrenceRule.TryParse(e.ModifiedAppointment.RecurrenceRule, out rrule))

{

rrule.Range.Start = e.ModifiedAppointment.Start;

rrule.Range.EventDuration = e.ModifiedAppointment.End - e.ModifiedAppointment.Start;

TimeSpan startTimeChange = e.ModifiedAppointment.Start - e.Appointment.Start;

for (int i = 0; i < rrule.Exceptions.Count; i++)

{

rrule.Exceptions[i] = rrule.Exceptions[i].Add(startTimeChange);

}

e.ModifiedAppointment.RecurrenceRule = rrule.ToString();

}

ai.CopyInfo(e.ModifiedAppointment);

}

protected void RadScheduler1_AppointmentDelete(object sender, SchedulerCancelEventArgs e)

{

Appointments.Remove(FindById(e.Appointment.ID));

}

private void InitializeResources()

{

ResourceType resType = new ResourceType("User");

resType.ForeignKeyField = "UserID";

RadScheduler1.ResourceTypes.Add(resType);

RadScheduler1.Resources.Add(new Resource("User", 1, "Alex"));

RadScheduler1.Resources.Add(new Resource("User", 2, "Bob"));

RadScheduler1.Resources.Add(new Resource("User", 3, "Charlie"));

}

private void InitializeAppointments()

{

DateTime start = DateTime.UtcNow.Date;

start = start.AddHours(6);

Appointments.Add(new AppointmentInfo("Take the car to the service", start, start.AddHours(1), string.Empty, null, new Reminder(30).ToString(), 1));

Appointments.Add(new AppointmentInfo("Meeting with Alex", start.AddHours(2), start.AddHours(3), string.Empty, null, string.Empty, 2));

start = start.AddDays(-1);

DateTime dayStart = RadScheduler1.UtcDayStart(start);

Appointments.Add(new AppointmentInfo("Bob's Birthday", dayStart, dayStart.AddDays(1), string.Empty, null, string.Empty, 1));

Appointments.Add(new AppointmentInfo("Call Charlie about the Project", start.AddHours(2), start.AddHours(3), string.Empty, null, string.Empty, 2));

start = start.AddDays(2);

Appointments.Add(new AppointmentInfo("Get the car from the service", start.AddHours(2), start.AddHours(3), string.Empty, null, string.Empty, 1));

}

private AppointmentInfo FindById(object ID)

{

foreach (AppointmentInfo ai in Appointments)

{

if (ai.ID.Equals(ID))

{

return ai;

}

return null;

}

class AppointmentInfo

{

private readonly string _id;

private string _subject;

private DateTime _start;

private DateTime _end;

private string _recurrenceRule;

private string _recurrenceParentId;

private string _reminder;

private int? _userID;

public string ID

{

get

{

return _id;

}

public string Subject

{

get

{

return _subject;

}

set

{

_subject = value;

}

public DateTime Start

{

get

{

return _start;

}

set

{

_start = value;

}

public DateTime End

{

get

{

return _end;

}

set

{

_end = value;

}

public string RecurrenceRule

{

get

{

return _recurrenceRule;

}

set

{

_recurrenceRule = value;

}

public string RecurrenceParentID

{

get

{

return _recurrenceParentId;

}

set

{

_recurrenceParentId = value;

}

public int? UserID

{

get

{

return _userID;

}

set

{

_userID = value;

}

public string Reminder

{

get

{

return _reminder;

}

set

{

_reminder = value;

}

private AppointmentInfo()

{

_id = Guid.NewGuid().ToString();

}

public AppointmentInfo(string subject, DateTime start, DateTime end,

string recurrenceRule, string recurrenceParentID, string reminder, int? userID)

: this()

{

_subject = subject;

_start = start;

_end = end;

_recurrenceRule = recurrenceRule;

_recurrenceParentId = recurrenceParentID;

_reminder = reminder;

_userID = userID;

}

public AppointmentInfo(Appointment source)

: this()

{

CopyInfo(source);

}

public void CopyInfo(Appointment source)

{

Subject = source.Subject;

Start = source.Start;

End = source.End;

RecurrenceRule = source.RecurrenceRule;

if (source.RecurrenceParentID != null)

{

RecurrenceParentID = source.RecurrenceParentID.ToString();

}

if (!String.IsNullOrEmpty(Reminder))

{

Reminder = source.Reminders[0].ToString();

}

Resource user = source.Resources.GetResourceByType("User");

if (user != null)

{

UserID = (int?)user.Key;

}

else

{

UserID = null;

}

Scheduler

answered on 05 Aug 2016

1 answer

193 views

CheckBox click event?

I have some custom filtering on a grid I'm doingwith comboboxes and AJAX. Each combobox is linked to the grid the the rad ajaxmanager like so:

<telerik:AjaxSetting AjaxControlID="ddlXXX">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grid1" LoadingPanelID="RadAjaxLoadingPanel1"/>
</UpdatedControls>
</telerik:AjaxSetting>

I'm calling a GetDate() method that returns a data table to bind the grid to the data source in the page_prerender event. All works well, except for when I uncheck a checkbox in the combobox. If I check a checkbox it causes the post back and the GetData() method is called, but if I uncheck a checkbox the GetData() method is never called and the filtering isnt refreshed. Am I missing something in the Page LifeCycle? Why wouldn't the Page_PreRender event be called when I uncheck a checkbox inside a combobox? Should the DataBind be called at another point in the page's lifecycle?

ComboBox

answered on 05 Aug 2016

1 answer

165 views

RadGrid Virtualization doesn't save scroll position

Hi all,

In RadGrid when the Virtualization feature is enabled and ocurres a postback the Grid scrolls to top even if the SaveScrollPosition property is set to True. This behavior can be reproduced in Demo page: http://demos.telerik.com/aspnet-ajax/grid/examples/performance/virtualization/defaultcs.aspx following these steps:

Scroll to any position
Click in any column to Sort
After that a post back ocurres and the scroll bar is back to the initial position

This is a bug? There's any workaround to solve this issue?

Regards!

Grid

answered on 05 Aug 2016

5 answers

74 views

ClientDataSource

Hi,

When using a ClientDataSource to populate a couple of drop downs I have a routine in the first one that on selected item changing it triggers the second one to update.

The issue I have is that if you change the first one again it doesn't update the second drop down, tracing it, it seems that it doesn't actually do anything with the clientdatasource even though the itemsrequested event fires once it is done (doing nothing!).

I am using the following code to trigger the update on the second combo.

Any suggestions? It is worth noting again that this works the first time, it is on the second update that it doesn't change the drop down.

Regards

Jon

child.clearItems();

child.set_text('Loading');

child.requestItems(null, false);

ComboBox

answered on 05 Aug 2016

20 answers

188 views

Month view - formatting problem with multi-day appointments

Hello

Sometime when an all-day appointment spans more than a couple of days in month view, blank spaces are inserted on certain days and the cell height is increased above the value that I specified.

In the example I'm providing, the first screenshot shows an all-day appointment ('Problem appointment') starting on April 1 and ending on April 4. Everything is formatted properly and as expected (see radScheduler_GoodFormatting).

However, in the second screenshot, the end date has been changed to April 5 - you will notice that the cell height has been increased for all rows and that there are now some random blank appointments in the cell for April 5 (see radScheduler_BadFormatting).

This issue seems to happen randomly when appointments span several days and I'm not sure what's happening...the browser source code for the BadFormatting example shows that 2 blank divs have been inserted in April 5 for some reason right after the 10:30 appointment:
<div class="rsWrap" style="z-index:6;height:25px;"></div> <div class="rsWrap" style="z-index:6;height:25px;"></div> Here is the rest of the relevant code that I'm using:

Page css

<style type="text/css">

.RadScheduler_Sitefinity .rsMonthView .rsTodayCell

{

background: orange !important ;

}

/* formats each app item container in Month view */

.RadScheduler_Sitefinity .rsMonthView div.rsWrap

{

height: 20px !important;

padding: 1px 0 1px 0 !important;

}

/* formats the actual label that appears in each app item container in Month view */

.RadScheduler_Sitefinity .rsMonthView div.rsApt

{

height: 20px !important;

overflow: hidden;

}

</style>

The scheduler

<telerik:RadScheduler

CustomAttributeNames="resourceLabelColour,eventID" ID="RadScheduler1"

runat="server"

OnClientAppointmentClick="viewAppInfo"

DataEndField="appEndTime" DataKeyField="appID"

DataSourceID="SqlDataSource1" DataStartField="appStartTime"

DataSubjectField="appSubject" height="1000px" Skin="Sitefinity">

</telerik:RadScheduler>

Page_Load

Me.RadScheduler1.SelectedDate = DateTime.Now

Me.panelFilter.Width = Unit.Percentage(100)

Me.RadScheduler1.SelectedView = SchedulerViewType.MonthView

Me.RadScheduler1.MonthView.VisibleAppointmentsPerDay = 6

'Me.RadScheduler1.MonthView.MinimumRowHeight = 6

'Me.RadScheduler1.MonthView.AdaptiveRowHeight

Me.RadScheduler1.FirstDayOfWeek = DayOfWeek.Monday

Me.RadScheduler1.LastDayOfWeek = DayOfWeek.Sunday

Me.RadScheduler1.TimelineView.UserSelectable = False

Me.RadScheduler1.ReadOnly = False

Me.RadScheduler1.AllowEdit = False

Me.RadScheduler1.AllowDelete = False

As I said, this issue seems to happen randomly and I'm not sure why...any help or suggestions are greatly appreciated

Thanks

Brian

Scheduler

answered on 05 Aug 2016

8 answers

656 views

Filling EditForm with Default Values on a RadGrid

Hi,

I have a RadGrid which is populated by a datasource and the columns are not autgenerated. The data returned in the RadGrid is retrieved using a parameter @Name (this corresponds to the customer name selected in a combobox) and shows corresponding quotes for this customer, So I am selecting only one customer to show multiple quotes in the resulting grid. this all works fine :) The problem is when I want to go into edit mode in order to add a new quote under this customer. I can't find a way to autofill editform fields with Default data such as AccountNumber (since the customer has been chosen we now know the account number and shouldn't need to enter this).

Is there any way to implement this easily if possible :)

Kind Regards
Ben

Grid

answered on 05 Aug 2016

2 answers

398 views

How to remove the border line in RadPane?

Hi,

I am using the RadSplitter, RadPane and RadSplitterBar.

May I know how to remove the border line (black colour) that generated by the RadPane or just make the border line to others colour?

Thanks.

Splitter