Questions on UI for ASP.NET AJAX Forum

6 answers

97 views

Tooltips, context menu are slow to trigger

I have a RadScheduler that is being populated by a DataProvider. When there are only a few appointments being displayed, such as when in the DayView, the tooltips are displayed quickly when I pause the mouse over the appointment and the context menu displays quickly when I right-click the appointment. By "quickly" I mean "no perceptible delay."

However, when there are many appointments displayed, such as when in MonthView, there is a three to five second delay from the time the mouse stops over the appointment to the time the tooltip is displayed. There is a similar delay when trying to activate the context menu with a right-click. In this case, "many" is about 30 appointments.

I've read the Telerik support documents regarding RadSheduler performance and have implemented their suggestions, for example my DataProvider only returns those appointments that are in the current view. The rendering of the page is working as I think it should, the problem occurs on the client-side when the user tries to interact with the displayed calendar. Thinking that maybe other javascript on the page is interferring with the RadScheduler,I have gone so far as to remove everything from the page except my RadScheduler and the problem still exists.

Thanks. Any clues on what I could try next are appreciated.
--dennis

PS Here is the markup for the RadScheduler. The AppointmentManager javascript class handles specifics about our environment and the hidden context menu items are made visible in the codebehind based on security settings of the current user.

<telerik:RadScheduler ID="RadScheduler1" runat="server" StartInsertingInAdvancedForm="True" EnableViewState="false"

StartEditingInAdvancedForm="true" Localization-ConfirmDeleteTitle="Cancel appointment"

Localization-ConfirmDeleteText="Are you sure that you want to cancel this appointment?"

Localization-ConfirmCancel="No" Localization-ConfirmOK="Yes" Localization-ConfirmRecurrenceDeleteTitle="Cancel appointment"

Localization-ConfirmRecurrenceDeleteOccurrence="Cancel only this occurence."

Localization-ConfirmRecurrenceDeleteSeries="Cancel the series." ProviderName="AppointmentDataProvider"

SelectedView="WeekView" OnNavigationComplete="RadScheduler1_NavigationComplete"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" OnFormCreating="RadScheduler1_FormCreating"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentContextMenuItemClicked="RadScheduler1_AppointmentContextMenuItemClicked"

OnTimeSlotContextMenuItemClicked="RadScheduler1_TimeslotContextMenuItemClicked"

OnAppointmentInsert="RadScheduler1_AppointmentInsert" OnDataBound="RadScheduler1_DataBound"

OnClientAppointmentInserting="AppointmentManager.validateTimeslot" OnClientAppointmentMoveEnd="AppointmentManager.validateTimeslot"

OnClientAppointmentContextMenuItemClicking="AppointmentManager.contextMenuHandler"

OnClientTimeSlotContextMenuItemClicking="AppointmentManager.contextMenuHandler"

OnClientFormCreated="AppointmentManager.onFormCreated" AllowDelete="false" AllowEdit="false"

AllowInsert="false" OnFormCreated="RadScheduler1_FormCreated">

<TimelineView UserSelectable="false" />

<TimeSlotContextMenus>

<telerik:RadSchedulerContextMenu ID="RadSchedulerContextMenu1" runat="server">

<Items>

<telerik:RadMenuItem Text="New Appointment" Value="CommandAddAppointment" Visible="false" />

<telerik:RadMenuItem Text="New Recurring Appointment" Value="CommandAddRecurringAppointment"

Visible="false" />

<telerik:RadMenuItem Text="Go to today" Value="CommandGoToToday" />

<telerik:RadMenuItem Text="Show 24 hours..." Value="CommandShow24Hours" />

<telerik:RadMenuItem Text="Export all appointments" Value="CommandExport" />

</Items>

</telerik:RadSchedulerContextMenu>

</TimeSlotContextMenus>

<AppointmentContextMenus>

<telerik:RadSchedulerContextMenu ID="RadSchedulerContextMenu2" runat="server">

<Items>

<telerik:RadMenuItem Text="Edit" Value="CommandEdit" Visible="false" />

<telerik:RadMenuItem Text="Delete" Value="CommandDelete" Visible="false" />

<telerik:RadMenuItem Text="Export appointment" Value="CommandExport" />

</Items>

</telerik:RadSchedulerContextMenu>

</AppointmentContextMenus>

</telerik:RadScheduler>

Scheduler

answered on 15 Nov 2011

1 answer

204 views

radgrid edit button does not change to cancel/update on edit

Hi,

I have a RadGrid with a custom FormTemplate in the EditFormSettings and AutoGenerateEditColumn = "true". On the RadGrid ItemDataBound, I successfully bind to the controls in my Edit Form. This is done as follows:

protected void myRadGrid_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode) //bind edit form controls

{

int pkId = int.Parse(e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["MyPkID"].ToString());

GridEditFormItem editFormItem = e.Item as GridEditFormItem;

TextBox tb = editFormItem.FindControl("MyTextBox");

tb.Text = "my text";

}

The edit form shows and is correctly populated with data. The problem is, the 'Edit' link on the RadGrid row does not change to show the 'Update' and 'Cancel' links, so the row cannot be updated. You can see, though, that e.Item.IsInEditMode is true, so why does the RadGrid not think the row is in Edit mode? What am I missing?

Grid

answered on 15 Nov 2011

1 answer

77 views

Custom skin - template

Hello,

I'm using in my websites the RadGrid control alot (See the following code - only DataKeyNames, AddNewRecordText properties and the columns are different).
Can I save this template on an external file and load it in each time I want to use the control?

<telerik:RadGrid ID="MngRadGrid" runat="server" GridLines="None" AllowPaging="True" CssClass="RadGrid" OnItemDataBound="MngRadGrid_ItemDataBound"

AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" OnPreRender="MngRadGrid_PreRender"

OnNeedDataSource="MngRadGrid_NeedDataSource" OnUpdateCommand="MngRadGrid_UpdateCommand"

OnInsertCommand="MngRadGrid_InsertCommand" OnDeleteCommand="MngRadGrid_DeleteCommand" Width="780px">

<MasterTableView Width="780px" CommandItemDisplay="Top" Dir="LTR" DataKeyNames="UserID">

<AlternatingItemStyle HorizontalAlign="Left" VerticalAlign="Top" />

<CommandItemSettings RefreshText="Refresh" AddNewRecordText="Add New Record" />

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left" />

<HeaderStyle HorizontalAlign="Left" />

<Columns>

<telerik:GridEditCommandColumn

EditText="<%$ Resources:TelerikResource, RadGridEditColumnText %>" ItemStyle-Width="7%" UniqueName="EditCommandColumn1" >

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="UserID" HeaderText="User ID" ItemStyle-Width="7%" DataField="UserID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="UserName" HeaderText="<%$ Resources:MngResource, MngRLUsersMngRadGridColumnsUserName %>" ItemStyle-Width="19%" >

<ItemTemplate>

<asp:Image ID="AvatarImage" ImageUrl='<%# "~/RL/Avatars/" + Eval("Avtr") %>' Width="40px" Height="40px" runat="server" /><br />

<asp:Label ID="ManagerNameDataLabel" SkinID="NormalText" runat="server" Text='<%# Eval("UserName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="RolesNam" HeaderText="<%$ Resources:MngResource, MngRLUsersMngRadGridColumnsRoles %>" ItemStyle-Width="7%" >

<ItemTemplate>

<asp:Label ID="RolesDataLabel" SkinID="NormalText" runat="server" Text="..." ToolTip='<%# Eval("RolesNam") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="Email"

HeaderText="<%$ Resources:MngResource, MngRLUsersMngRadGridColumnsEmail %>" ItemStyle-Width="30%" ItemStyle-HorizontalAlign="Left" DataField="Email">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="LastEdit" HeaderText="Last Edit" ItemStyle-Width="26%" >

<ItemTemplate>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr valign="top">

<td width="25">

<asp:Label ID="ByLabel" runat="server" SkinID="FieldNameLabel" Text="By:"></asp:Label>

</td>

<td width="*">

<asp:Label ID="LastEditedByNameDataLabel" SkinID="NormalText" runat="server" Text='<%# Eval("LastEditedByName") %>'></asp:Label>

</td>

</tr>

<tr>

<td width="25">

<asp:Label ID="DateLabel" runat="server" SkinID="FieldNameLabel" Text="Date:"></asp:Label>

</td>

<td width="*">

<asp:Label ID="DateDataLabel" runat="server" Text='<%# Eval("LastEditedDate") %>'></asp:Label>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn

ConfirmText="<%$ Resources:TelerikResource, RadGridDeleteColumnConfirmText %>" ConfirmDialogType="RadWindow" ItemStyle-Width="7%"

ConfirmTitle="<%$ Resources:TelerikResource, RadGridDeleteColumnConfirmTitle %>" ButtonType="ImageButton" CommandName="Delete" Text="<%$ Resources:TelerikResource, RadGridDeleteColumnText %>"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings UserControlName="SubUserControl.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

If it is possible, let me know how can I do that

Regards,
Bader

Grid

answered on 15 Nov 2011

2 answers

353 views

RadFileExplorer: Enable/disable CreateNewFolder client-side

Hi,
Using RadFileExplorer, I want the user to be able to create new subfolders. However, I want to limit this ability to certain existing folders.
Example: The user may create subfolders in folder "Pictures", but not in folder "Agreement".
I can use the server-side OnItemCommand event and cancel the operation if RadFileExplorerEventArgs.Command=="CreateDirectory" and RadFileExplorerEventArgs.Path is not a folder that allows subfolders, but at this point the user has already entered the name of the new folder and pressed OK.
The best solution, I think, would be to disable the Create folder button (and context-menu choice) client-side, depending on which folder is the current folder. Something like this (for the toolbar button):

<telerik:RadFileExplorer OnClientFolderChange="OnClientFolderChange" EnableCreateNewFolder="True"....

Javascript:

function

OnClientFolderChange(sender, args) {

if(args.get_path() != "Pictures"

) {

var tbitem = sender.get_toolbar().findItemByValue("NewFolder"

);

if(tbitem != null)

{

            tbitem.disable();

        }

    }

}

Unfortunately, this does not work. The toolbar button gets disabled, but then enabled again, immediately after.

In addition, this would be solved very easily if the EnableCreateNewFolder property of RadFileExplorer could be set client-side, using javascript. Is that possible, or do you guys have a different solution?

Thanks,

Arnstein

FileExplorer

answered on 15 Nov 2011

5 answers

128 views

RadFilter loadsetting on pageload

  Dear telerik,

     I use a radfilter for filter the RadGrid. Now I save the value of radfilter SaveSettings function.I need load the setting when pageload.
     any idea? thanks!

General Discussions

answered on 15 Nov 2011

2 answers

224 views

Accessing datasource from ItemCommand

Seems like this should be simple, but I'm not seeing it.
I have a RadListView displaying data from a table and I have LinkButtons on each item to delete them. Everything fires like I would expect but I'm having trouble in my ItemCommand event.

In my ItemCommand event I just need to be able to access my "pri_key" column of the bound table.
I'm used to doing something like e.Item.DataItem("pri_key") in other bound controls but I don't see anything like that.
How should I be accessing this? Thanks!

Thanks!

ListView

answered on 15 Nov 2011

6 answers

980 views

How to set the minimum width of a column while AllowColumnResize is set to "True"

Hi,

AllowColumnResize

="True" in the rad gird. This allows resizing the columns to any width. I want to set a minimum value to which the column width can be reduced. if the user tries to reduce the width of the column lower than what is specified , then the width should be set to the minimum value mentioned.

Kindly let us know if this can be achieved and how.

Thanks,
Sudha.

Grid

answered on 15 Nov 2011

3 answers

56 views

Hierarchical Grid If No childs Dont display Expand Button

I have hierarchical Grid .If i Dont have Childs Then it should Not show expand Button.How to do That.

Grid

answered on 15 Nov 2011

3 answers

169 views

Remove/Hide the "Remove Element" in the Node inspctor

Hi telerik team,

Is any possible to Remove/Hide the "Remove Element" in the Node inspector.

For E.g

div>ul>li>Remove ELement

Instead of we need only

div>ul>li

Editor

answered on 15 Nov 2011

1 answer

75 views

Itemtemplate Label

I want to access label field in itemtemplate and change the text at run time when in edit mode.

TreeList

answered on 15 Nov 2011