Questions on UI for ASP.NET AJAX Forum

4 answers

136 views

My two RadSchedulers work perfectly on my developer machine within Visual Studio. When I deploy to the production web server, it works all except for one minor difference. Here is what happens accessing my RadSchedulers via our remote web server:

A user will right click on an existing appointment (or empty space). This shows the New Appointment / Edit / Delete context menu choices. Click Edit. The New/Edit/Delete menu disappears. (so far so good). But then, nothing happens. The modal default Appointment editor window never appears. No error gets thrown, I don't see any errors in the web browser status bar. I've done this so many times and it never appears, regardless of what appointment in my scheduler that I choose.
Same problem for New Appointment. Nothing happens after the context menu disappears.
However, if you click Delete, the confirmation window appears: "Are you sure you want to delete this appointment?" . I click OK and it works fine, the appointment gets deleted.

But for New and Edit, the appointment window won't popup. This happens for all client web browsers, Safari, IE, Chrome. It happens on different client machines and for different users. So it feels like the problem is something on the web server, not a client side problem. Could there be some kind of deployment issue? Something I didn't deploy properly? Is the production web server running a different version of required DLL's?

This works perfectly on my developer machine within Visual Studio, so I know this should work. I've never had any problems creating or editing appointments when running locally on my test virtual machine developer environment. So I think my aspx and c# code is correct, since it works locally. Another test scenario is from my developer machine, hit the production web site. The same problem occurs. So my developer machine also fails when hitting the production web URL. But not within Visual Studio.

Thanks for your help.

Scheduler

answered on 13 Feb 2015

1 answer

146 views

Multipage on demand with post back not working

Hi Telerik forum,
I am trying to implement ondemand property of Radmultipage using the http://demos.telerik.com/aspnet-ajax/tabstrip/examples/multipage/dynamic-pageview-creation/defaultcs.aspx. It is working some how. But what i need is i want to postback on each time when tab clicked .
For this i removed clientFunction called "onClientTabselecting".

This is where i am facing the problem. I am getting the error "Multiple controls with same ID found...." . And in my two of my viewpages contain user controls
I am getting the respective error only on re-clicking on the tab which contain user control.

My design:

<telerik:RadTabStrip ID="Vehicles" runat="server" Skin="Metro" MultiPageID="RadMultiPage1"

SelectedIndex="0" Width="99%" OnTabClick="Vehicles_TabClick"

AutoPostBack="true">

<telerik:RadTab Text="Cars" PageViewID="radCars" Value="radTabCars"> </telerik:RadTab>

<telerik:RadTab Text="Train" Value="radTabTrain"> </telerik:RadTab>

<telerik:RadTab Text="Bus" CssClass="CustomTab" HoveredCssClass="HoveredTab"

Value="radTabBus">

</telerik:RadTab>

<telerik:RadTab Text="Cycle" Value="radTabCycle" > </telerik:RadTab>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"

EnableViewState="true">

<telerik:RadPageView ID="radPVCars" runat="server">

<telerik:RadGrid ID="grdCars" runat="server" AllowSorting="true" </telerik:RadGrid>

</telerik:RagpageView>

<telerik:RadPageView ID="radPVTrain" runat="server">

<DManagement:Fax runat="server" ID="UCTrain" Status="Train" />

</telerik:RagpageView>

<telerik:RadPageView ID="radPVBus" runat="server">

<DManagement:Fax runat="server" ID="UCcyvle" Status="Bus" />

</telerik:RagpageView>

<telerik:RadPageView ID="radPVCycle" runat="server">

<telerik:RadGrid ID="grdCycle" runat="server" AllowSorting="true" </telerik:RadGrid>

</telerik:RagpageView>

Code behind:

protected void Vehicles_TabClick(object sender, RadTabStripEventArgs e)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

private void AddPageView(RadTab tab)

{

RadPageView pageView = new RadPageView();

if (tab.Value == "radTabCars")

{

RadMultiPage1.SelectedIndex = RadMultiPage1.FindPageViewByID("radPVCars").Index;

tab.PageViewID = "radPVCars";

return;

}

else if (tab.Value == "radTabCycle")

{

RadMultiPage1.SelectedIndex = RadMultiPage1.FindPageViewByID("radPVCycle").Index;

tab.PageViewID = "radPVCycle";

return;

}

switch (tab.Value)

{

case "radTabTrain":

pageView.ID = "radPVTrain";

break;

case "radTabBus":

pageView.ID = "radPVBus";

break;

}

RadMultiPage1.PageViews.Add(pageView);

RadMultiPage1.SelectedIndex = RadMultiPage1.PageViews.Count - 1;

tab.PageViewID = pageView.ID;

}

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

string uControlName = "";

string uControlId = "";

switch (e.PageView.ID)

{

case "radPVTrain":

uControlName = "~/USC/UserControls/Dgmt_vehicle.ascx";

userControlId = "VehTrain";

break;

case "radPVBus":

uControlName = "~/USC/UserControls/Dgmt_vehicle.ascx";

userControlId = "VehBus";

break;

}

Control userControl1 = Page.LoadControl(userControlName);

UserControls.Dgmt_Faxes objControl = (UserControls.Dgmt_Faxes)userControl1;

if (uControlId == "VehTrain")

objControl.Status = "Train";

else if (uControlId == "VehBus")

objControl.Status = "Bus";

userControl = (VehicleUserControl)userControl1;

userControl.ID = userControlId;

e.PageView.Controls.Add(userControl);

e.PageView.EnableViewState = true;

}

Ajax

answered on 13 Feb 2015

2 answers

798 views

Populate Drop-Down List in Edit Mode Form Template

I have a custom Edit mode Form Template defined with a Drop-Down List and 3 check boxes. I want to pre-load the Drop-down list from a related table.
That way when I click edit on a grid row, the custom form pops up and the correct text will be selected in the drop-down based on the lookup value in the source
table and I will be able to change the drop down if I like. When I reference the drop down list ID name in the code behind it doesn't recognize it. The name of the drop down list is ddlWebPages. How can I accomplish this?

Here is my markup code for the Grid:

<telerik:RadGrid ID="RadGridwebpagemanagement" CssClass="webpageManagementGrid" MasterTableView-DataKeyNames="ID" runat="server"

AllowFilteringByColumn="True" AllowSorting="True"

GroupPanelPosition="Top"

OnNeedDataSource="RadGridwebpagemanagement_NeedDataSource"

OnUpdateCommand="RadGridwebpagemanagement_UpdateCommand">

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add New Webpage"

InsertItemPageIndexAction="ShowItemOnCurrentPage">

<columns>

<telerik:GridBoundColumn DataField="webpage_name" HeaderText="Web Page" UniqueName="webpage_name" ItemStyle-Font-Names="Arial" ItemStyle-Font-Bold="true"

FilterControlWidth="150px">

<HeaderStyle Width="200px" Font-Names="Arial" />

<ItemStyle Width="200px" />

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="add_privledge" HeaderText="Allow Adds" UniqueName="add_privledge"

FilterControlWidth="120px">

<HeaderStyle Width="120px" Font-Names="Arial" />

<ItemStyle Width="120px" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="edit_privledge" HeaderText="Allow Edits" UniqueName="edit_privledge"

FilterControlWidth="120px">

<HeaderStyle Width="120px" Font-Names="Arial" />

<ItemStyle Width="120px" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="delete_privledge" HeaderText="Allow Deletes" UniqueName="delete_privledge"

FilterControlWidth="120px">

<HeaderStyle Width="120px" Font-Names="Arial" />

<ItemStyle Width="120px" />

</telerik:GridCheckBoxColumn>

<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" CancelText="Cancel" ItemStyle-Width="50px" HeaderStyle-Width="50px" FilterControlWidth="50px" />

<telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="LinkButton" Text="Delete" CommandName="Delete" ItemStyle-Width="50px" HeaderStyle-Width="50px" FilterControlWidth="50px" />

</columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<div id="divGridEdit" class="divGrid">

<b>Add New Role to Webpage Association</b>

<br /><br />

<table>

<tr>

<td><asp:Label Text="Web Page:" runat="server"></asp:Label></td>

<td><asp:DropDownList ID="ddlWebPages" runat="server"></asp:DropDownList></td>

</tr>

<tr>

<td><asp:Label Text="Allow Add:" runat="server"></asp:Label></td>

<td><asp:CheckBox ID="chkboxAllowAdd" Checked='<%# Bind("add_privledge") %>' runat="server" /></td>

</tr>

<tr>

<td><asp:Label Text="Allow Edit:" runat="server"></asp:Label></td>

<td><asp:CheckBox ID="chkboxAllowEdit" Checked='<%# Bind("add_privledge") %>' runat="server" /></td>

</tr>

<tr>

<td><asp:Label Text="Allow Delete:" runat="server"></asp:Label></td>

<td><asp:CheckBox ID="chkboxDelete" Checked='<%# Bind("add_privledge") %>' runat="server" /></td>

</tr>

<tr>

<td><br /></td>

<td></td>

</tr>

<tr>

<td><asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' runat="server" /></td>

<td><asp:Button ID="btnCancel" Text="Cancel" runat="server" CommandName="Cancel" CausesValidation="false" /></td>

</tr>

</table>

</div>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="rowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 12 Feb 2015

2 answers

156 views

Rad Grid Insert Mode TextBox Issue

I am using rad grid, when i click on add records button the grid will become into insert mode and allows me to enter respective data but in below CastSummary Textbox when I click to enter some data it is showing DatePicker and it's not allowing me to enter text. Please suggest

Pleas see the image attached.

My Complete .ascx code is:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Test.ascx.cs" Inherits="MountainVillaNursing.Residents.Test" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<div>

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

<telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="false" AllowPaging="true"

OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCreated="RadGrid1_ItemCreated"

OnInsertCommand="RadGrid1_InsertCommand">

<MasterTableView DataKeyNames="CurrentDiagnosisId" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn HeaderStyle-Font-Bold="true" DataField="Diagnosis" DataType="System.String" HeaderText="Diagnosis"

SortExpression="Diagnosis">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Font-Bold="true" DataField="ICN" DataType="System.String" HeaderText="ICD-9-Code"

SortExpression="ICN">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Font-Bold="true" DataField="CastSummary" DataType="System.String" HeaderText="Cast Summary"

SortExpression="CastSummary">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn HeaderStyle-Font-Bold="true" DataField="StartDate" DataFormatString="{0:MM/dd/yyyy}" DataType="System.DateTime" HeaderText="StartDate"

SortExpression="StartDate">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn HeaderStyle-Font-Bold="true" DataField="EndDate" DataFormatString="{0:MM/dd/yyyy}" DataType="System.DateTime" HeaderText="EndDate"

SortExpression="EndDate">

</telerik:GridDateTimeColumn>

</Columns>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

</MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric" />

</telerik:RadGrid>

<telerik:RadInputManager runat="server" ID="RadInputManager1" Enabled="true">

<telerik:TextBoxSetting BehaviorID="TextBoxSetting1">

</telerik:TextBoxSetting>

<telerik:TextBoxSetting BehaviorID="TextBoxSetting2">

</telerik:TextBoxSetting>

<telerik:TextBoxSetting BehaviorID="TextBoxSetting3" >

</telerik:TextBoxSetting>

<telerik:DatePickerSetting BehaviorID="DatePickerSetting1" >

</telerik:DatePickerSetting>

<telerik:DatePickerSetting BehaviorID="DatePickerSetting2">

</telerik:DatePickerSetting>

</telerik:RadInputManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" />

</div>

Code File

using System;

using System.Collections;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace MountainVillaNursing.Residents

{

public partial class Test : System.Web.UI.UserControl

{

MountainVillaEntities _dataContext = new MountainVillaEntities();

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

}

protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = _dataContext.spGetAllCurrentDiagnosisById(1);

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && (e.Item.IsInEditMode))

{

GridEditableItem editableItem = (GridEditableItem)e.Item;

SetupInputManager(editableItem);

}

private void SetupInputManager(GridEditableItem editableItem)

{

// style and set ProductName column's textbox as required

var textBox =

((GridTextBoxColumnEditor)editableItem.EditManager.GetColumnEditor("Diagnosis")).TextBoxControl;

InputSetting inputSetting = RadInputManager1.GetSettingByBehaviorID("TextBoxSetting1");