Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

I have an .aspx Content Page (i.e. a web page based on a master page), which contains a RadGrid with a single Child Table. I have used the following Telerik demo to incorporate a tooltip column into the child table http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx. When I expand a row on the parent table I get the following error message

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Cannot find a server control with ID=ctl00_PageMainContent_gridFlightSchedule_ctl00_ctl07_Detail20_ctl04_targetControl. If you need to specify a client-side element ID, please set IsClientID to true.

I would be extremely grateful if you can you tell me what is happening here.

Grid

answered on 22 Dec 2010

1 answer

181 views

RadDatePicker FocusDate

I couldnt find this anywhere. How do you set the focusdate to the current date or at least the calendar control to current month, when the picker is selected?

Thanks in advance.

Calendar

answered on 22 Dec 2010

2 answers

136 views

DateTimePicker default time

I have a RadDateTimePicker and by default it shows "12:00AM". So I can not pick 12:00AM and have to pick other time to fire the event.

Check it in this example http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/clientsideevents/defaultcs.aspx

How can I pick 12:00AM and fire the event ?

Calendar

answered on 22 Dec 2010

2 answers

124 views

RadDateTimePicker in a RadGrid

I have a date column and have a From dateTime To dateTime filter on that. I got that working but now it doesn't work with another column filters. If I select another filter for a specific dateTime rage, the dateTime selection is gone and dates are displayed as per the another filter.
Please help...

<FilterTemplate>

From

<telerik:RadDateTimePicker ID="FromOrderDatePicker" runat="server" Width="185px"

MinDate="01-01-2010" MaxDate="12-31-2010" FocusedDate="12-15-2010" DbSelectedDate='<%# startDate1 %>'>

<TimeView ID="TimeView1" OnClientTimeSelected="DateSelected" runat="server">

</TimeView>

</telerik:RadDateTimePicker>

to

<telerik:RadDateTimePicker ID="ToOrderDatePicker" runat="server" Width="185px" MinDate="01-01-2010"

MaxDate="12-31-2010" FocusedDate="12-15-2010" DbSelectedDate='<%# endDate1 %>'>

<TimeView ID="TimeView2" OnClientTimeSelected="DateSelected" runat="server">

</TimeView>

</telerik:RadDateTimePicker>

<telerik:RadScriptBlock ID="RadScriptBlock111" runat="server">

<script type="text/javascript">

function DateSelected(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter("DateCreated", "", "Between");

}

</script> </telerik:RadScriptBlock>

</FilterTemplate>

And Code behind is...

protected void taskGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.FilterCommandName)

{

Pair filterPair = (Pair)e.CommandArgument;

switch (filterPair.Second.ToString())

{

case "DateCreated":

e.Canceled = true;

this.startDate1 = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("FromOrderDatePicker") as RadDateTimePicker).SelectedDate;

this.endDate1 = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("ToOrderDatePicker") as RadDateTimePicker).SelectedDate;

taskGrid.MasterTableView.FilterExpression = "('" + startDate1.Value.ToString("MM/dd/yyyy HH:mm:ss") + "' <= [DateCreated] AND [DateCreated] <= '" + endDate1.Value.ToString("MM/dd/yyyy HH:mm:ss") + "')";

taskGrid.MasterTableView.Rebind();

break;

default:

break;

}

Calendar

answered on 22 Dec 2010

1 answer

168 views

RadAjaxmanager with Ajax toolkit

hi,
I am using RadAjaxManager Q1 2009 version. If i use Ajaxcontrol toolkit control I am getting javascript error with RadAjaxManager. i copied error below. when i remove RadAjaxManager i am not seeing any errors. why?

when i use RadAjaxManager i shouldn't use Ajaxcontrol toolkit controls..?? can anyone suggests..

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2; MS-RTC LM 8; .NET4.0C; .NET4.0E)
Timestamp: Mon, 20 Dec 2010 15:02:35 UTC

Message: Sys.InvalidOperationException: Two components with the same id 'ctl00_Cph1_CalendarExtender1' can't be added to the application.
Line: 3654
Char: 59
Code: 0
URI: http://localhost:2065/NDIWeb/ScriptResource.axd?d=jO6lj8d7MPtcjhVtE5RwyJDsREURMbGvovQRWfOSAflo-_iG0Te3w-aVNsEkrrZRjAdsxnEEatXuPpVt_SY0GgFT0hbY8eF7SfQvNW8DPG_QZKnBMDFKG07_snOYIQdEaZtF58fuzoFD3n-aXSkAuR4s8zL_EG1I1sDKTWcFIDU6GIKg0&t=634172965859113573

<asp:Content ID="Content1" ContentPlaceHolderID="Cph1" Runat="Server">

<%--<asp:UpdatePanel runat="server" ID="update1" UpdateMode="Conditional" >

<ContentTemplate >--%>

<div style="text-align: center;" id="divsearch">

<br />

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

<AjaxSettings>

<rad:AjaxSetting AjaxControlID="radddlcust">

<UpdatedControls>

<rad:AjaxUpdatedControl ControlID = "radddlcust" />

<rad:AjaxUpdatedControl ControlID = "txtfromdate" />

</UpdatedControls>

</rad:AjaxSetting>

</AjaxSettings>

</rad:RadAjaxManager>

<asp:Panel runat="server" ID="pnlcust" Enabled="true" CssClass="borderPanel" HorizontalAlign="Center" Width="820px">

<table width="820px" align="center" style="vertical-align:top;margin-bottom:3px;">

<tr class="HeaderRowIndented">

<td colspan="16" title="AppilcationHistory" > Application History</td>

</tr>

<tr align="center">

<td align="center"> <asp:Label runat="server" ID="Label3" Text="Application No" ToolTip="Customer" CssClass = "label" /> </td>

<td align="center"> <asp:Label runat="server" ID="Label1" Text="From Date" ToolTip="FromDate" CssClass = "label" /> </td>

<td align="center"> <asp:Label runat="server" ID="Label2" Text="To Date" ToolTip="ToDate" CssClass = "label" /> </td>

</tr>

<tr>

<td>

<rad:RadComboBox ID="radddlcust" runat="server" Width="200px" Skin="Vista" Height="250px"

SkinsPath="~/RadControls/ComboBox/Skins"

AllowCustomText="true"

MarkFirstMatch="true"

ToolTip="Select Application Name"

AutoPostBack="true"

OnClientSelectedIndexChanged = "ValidateCombobox"

OnItemsRequested="radddlcust_ItemsRequested"

OnSelectedIndexChanged="radddlcust_OnSelectedIndexChanged" >

<Items>

<rad:RadComboBoxItem Text="- Select -" Value="" />

</Items>

</rad:RadComboBox>

</td>

<td>

<asp:TextBox runat="server" ID="txtfromdate" CssClass="textbox" OnChange= "Validate()"

OnTextChanged="txtfromdate_OnTextChanged" ToolTip="Select date" AutoPostBack="true" />

<ajax:CalendarExtender runat="server" ID="CalendarExtender1"

Animated = "true"

TargetControlID="txtfromdate"

Format="MM/dd/yyyy"

PopupButtonID="imagefromdate" />

<asp:ImageButton runat="server" id="imagefromdate" ImageUrl="~/images/calendar_blue.GIF" ToolTip="select from date" />

<ajax:TextBoxWatermarkExtender ID="txtwextfromdate1" runat="server"

TargetControlID="txtfromdate" BehaviorID="FromwatermarkID"

WatermarkText="- Select the date -" />

</td>

<td>

<asp:TextBox runat="server" ID="txttodate" CssClass="textbox" ToolTip="Select date"

OnTextChanged="txttodate_OnTextChanged" AutoPostBack="true" OnChange= "Validate()" />

<ajax:CalendarExtender runat="server" ID="CalendarExtender2"

TargetControlID="txttodate"

Animated = "true"

Format="MM/dd/yyyy"

PopupButtonID="imgtodate" PopupPosition="BottomRight" />

<asp:ImageButton runat="server" id="imgtodate" ImageUrl="~/images/calendar_blue.GIF" ToolTip="select to date" />

<ajax:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"

TargetControlID="txttodate" WatermarkText="- Select the date -" />

</td>

<td>

<asp:Button runat="server" ID="btnviewresults" Text="Submit" ToolTip="ViewResults"

OnClientClick = "return Validate()" CssClass="button" OnClick="btnviewresults_Click" />

</td>

<td align="right" style="width: 18px">

<asp:Button runat="server" ID="btncancel" Text="Cancel" ToolTip="Cancel selected values" CssClass="button"

OnClientClick = "return confirm('Are you sure that you wish to cancel all data?');" OnClick="btncancel_Click" />

</td>

<td align="left" style="width: 0px"></td>

</tr>

</table>

<div>

<ajax:FilteredTextBoxExtender ID="ftxtextFromDate" runat="server"

TargetControlID="txtfromdate" FilterType="custom"

ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>

<ajax:FilteredTextBoxExtender ID="ftxtextToDate" runat="server"

TargetControlID="txttodate" FilterType="custom"

ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>

<asp:RangeValidator ID="RangeValidator1" runat="server"

ControlToValidate="txtfromdate"

Type="Date" Display="Dynamic" />

<asp:RangeValidator ID="RangeValidator2" runat="server"

ControlToValidate="txttodate"

Type="Date" Display="Dynamic" />

</div>

</asp:Panel>

</td>

</tr>

Ajax

answered on 22 Dec 2010

1 answer

134 views

onbeforepaste event handler does not seem to work

onbeforepaste does not seem to work when attatched (client side) at the OnClientLoad_RadEditor event. If I change 'onbeforepaste' to 'onclick' it works. My goal is to eventually prevent when certain conditions exist.

function OnBeforePaste_Editor(e){

debugger;

alert("paste attempted");

e.returnValue=false; /* disable pasting to test*/

}

function OnClientLoad_RadEditor(editor, args) {

editor.attachEventHandler("onbeforepaste", OnBeforePaste_Editor);

...

}

Relevant links
onbeforepaste event
all dhmtl events
radeditor example on attatching onkeypress event

Thanks in advance,

John

Editor

answered on 22 Dec 2010

2 answers

273 views

Session end event fired automatically

Hi,
We are using RADCalendar Control AJAX (Dot Net FW 2.0) in one of the page. In the very first time its loaded successfully. But the problem is after loaded this page "Session_End" event fired automatically in the "Global.asax". So we are facing problem to get the pre-defined session values in the post back events(button click event).

So guide me and resolve our propblem.

Thank you.

Calendar

answered on 22 Dec 2010

3 answers

161 views

Multiple edit grid inline

Hi,

I have a multiple row grid, where I want its initial state to be all inline editable. The user can then immediately start entering the details into the fields.

When the user saves the grid, all fields are saved, and any field that has been provided with valid data, becomes a plain text link (which will link to something else on click) - IE its no longer an editable field but a plain text link.

Therefore I start with a fully inline editable grid, which becomes a mixture of inline editable and plain text fields, depending on what has been entered.

Could you advise how this could be acomplished with telerik grids as I can't see anything like this in a demo.

Thanks

Grid

answered on 22 Dec 2010

2 answers

55 views

Block scroll on dragging

Hi all,
I've a radgrid with scrolling enabled, and I should drag a row to a radtreeview. Everything works fine except dragging to a node located south-west (or south) of the grid. In this case, drag and drop works well, but during dragging radgrid starts scrolling until I drop the row.
Any ideas to solve this?
Thanks

Grid