Questions on UI for ASP.NET AJAX Forum

3 answers

162 views

Show Sort Order With MultiColumn Sorting

Hello,

We are trying to show the sort order in our RadGrid when the grid is sorted by multiple columns. We would like to use an integer in front of the column header text to show if it is the primary, secondary, or tertiary sort parameter. Is this currently possible?

Thanks & Regards,
Josh Owen

Grid

answered on 04 Apr 2012

1 answer

164 views

RadGrid/DataReader Binding

The RadGrid documentation (c.f. http://www.telerik.com/help/aspnet-ajax/grid-binding-to-datareader.html) explains that I need to close datareaders in the DataBound event.

However, if I create a SqlDataReader using ExecuteReader(CommandBehavior.CloseConnection), it appears that the RadGrid is smart enough to automatically close the SqlDataReader (and the corresponding connection). I suspect this because SqlDataReader.IsClosed returns True in the DataBound event.

Can you confirm my findings by pointing me to where this feature is documented?
If this feature is not documented, can you confirm that my findings are correct?
Failing that, will you please explain why I would need to close an already-closed datareader?

Thanks.

Grid

answered on 04 Apr 2012

4 answers

333 views

Disable embedded scripts

Hello, I'm trying to figure out how to get the RadGrid working by setting the Enableembeddedscripts = false; This is what the html looks like:

<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 100%;">

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 100%;">

<tr>

<td>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="CWGrid" runat="server" Width="100%" OnNeedDataSource="CWGrid_NeedDataSource">

</telerik:RadGrid>

<telerik:RadContextMenu ID="cm" runat="server">

</telerik:RadContextMenu>

<telerik:RadContextMenu ID="gcm" runat="server">

</telerik:RadContextMenu>

</telerik:RadAjaxPanel>

</td>

</tr>

</table>

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

</telerik:RadAjaxLoadingPanel>

</td>

</tr>

</table>

<telerik:RadWindowManager runat="server" ID="cwWinManager">

<Windows>

<telerik:RadWindow ID="cwPrintWindow" runat="server" ShowContentDuringLoad="false" Width="800px" Height="600px" Behaviors="Default">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

I'm setting these properties:

CWGrid.EnableEmbeddedScripts = false;

RadAjaxPanel1.EnableEmbeddedScripts = false;

RadAjaxLoadingPanel1.EnableEmbeddedScripts = false;

cm.EnableEmbeddedScripts = false;

gcm.EnableEmbeddedScripts = false;

cwWinManager.EnableEmbeddedScripts = false;

cwPrintWindow.EnableEmbeddedScripts = false;

I have also read this article: http://www.telerik.com/help/aspnet-ajax/introduction-disabling-embedded-resources.html, I have come up with the following list of files that I'm trying to register on the page in the Pre-render:

string telerikAssembly = typeof(RadGrid).Assembly.FullName;

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Core.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQuery.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQueryPlugins.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Ajax.Ajax.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.ComboBox.RadComboBoxScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Animation.AnimationScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Navigation.NavigationScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Grid.RadGridScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.TouchScrollExtender.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Menu.RadMenuScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Filter.RadFilterScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Menu.ContextMenu.RadContextMenuScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.NumericTextBox.RadNumericInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadDatePicker.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.DateInput.RadDateInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Popup.PopupScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.TextBox.RadInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadCalendarCommonScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadCalendarScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadDateTimePickerScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadPickersPopupDirectionEnumeration.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.ToolBar.RadToolBarScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Window.RadWindowScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Window.RadWindowManager.js", telerikAssembly));

It seems like I have the order wrong, or I'm still missing something, since I keep getting js errors when the page loads, and none of the client-side functionality works.

What am I missing?

Thank you,

Dasha.

Grid

answered on 04 Apr 2012

0 answers

75 views

how to remove heading or trailing space

I am using UpdateValues to get value when adding or updating record. what's the best way to automatically remove heading or trailing space from the user input?

Thanks.

Grid

asked on 04 Apr 2012

2 answers

127 views

RadTimePicker and RadDateTimePicker problem in IE9

Hello Teleirk team.
I have a trouble about manipulating RadTimePicker and RadDateTimePicker.
when i set the set_enabled(false) property in javascript code, screen's width and height sizes are borken in IE9.
FF and chrome are fine.

i'm using lastest telerik control 2012 Q1 and HOTFIX patch.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp4._Default" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

function Enable(control) {

var timePicker = $find("<%= RadTimePickerStartTime.ClientID %>");

if (control.checked) {

timePicker.set_enabled(true);

}

else {

timePicker.set_enabled(false);

}

function EnableDateTime(control) {

var timePicker = $find("<%= RadDatePickerStartTimeDate.ClientID %>");

if (control.checked) {

timePicker.set_enabled(true);

}

else {

timePicker.set_enabled(false);

}

</script>

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

</telerik:RadAjaxManager>

<telerik:RadTimePicker ID="RadTimePickerStartTime" runat="server">

<TimeView ID="TimeView1" runat="server" ShowHeader="true" StartTime="08:00:00" Interval="00:30:00"

EndTime="18:30:00" Columns="4">

</TimeView>

<DateInput ID="DateInputStartTime" runat="server" DisplayDateFormat="hh:mm tt" SelectionOnFocus="SelectAll">

</DateInput>

</telerik:RadTimePicker>

<asp:CheckBox runat="server" ID="Enabled" Checked="true" Text="RadTimePicker Enabled"

onclick="Enable(this);" />

<telerik:RadDatePicker ID="RadDatePickerStartTimeDate" runat="server" EnableEmbeddedSkins="false"

Calendar-FastNavigationStep="12" Calendar-ShowRowHeaders="false" Width="100%">

<DateInput ID="DateInputStartTimeDate" runat="server" DateFormat="MM/dd/yyyy" SelectionOnFocus="SelectAll"

Width="100%" />

</telerik:RadDatePicker>

<asp:CheckBox runat="server" ID="CheckBox2" Checked="true" Text="RadDateTimePicker Enabled"

onclick="EnableDateTime(this);" />

</form>

</body>

</html>

Calendar

answered on 04 Apr 2012

2 answers

73 views

[Solved] grid jump to last page

when I click "Add a new record" button in the top left corner to add a new record, the grid automatically jump to last page... could not figure out.

not sure what could be wrong?

Grid

answered on 04 Apr 2012

1 answer

89 views

Drag-n-Drop Custom helper

Hi,

I'm using a grid object from which I want to drag rows onto a dock panel. So far nothing too complex, thanks to the telerik team support, but I'd like to be able to have my own custom helper as in the ListView example here : http://demos.telerik.com/aspnet-ajax/listview/examples/itemdragdrop/defaultcs.aspx

I can't find any info on this. I've found some classes like '.rgDrag' or '.rgDragCol' but no success so far.

Does anyone know how to achieve this ? That would be awesome.

Thank in advance guys ;)

Chris

Grid

answered on 04 Apr 2012

1 answer

114 views

Child RadTab.Click Event

Hello, I have the screen as per the below example and I would like to handle an event when Child RadTab clicked.
http://mono.telerik.com/TabStrip/Examples/ServerSide/ServerEvents/DefaultCS.aspx
I tried in all the ways, finally found the above link with an example but the above example also not resolved my issue.
Please let me know, if any have idea about how to deal with Child RadTab.Click Event.

Requirement: We are implementing multiple charts loading at page load, due to some charts performance issues. we decided to load the each chart based on respective tab.click event.

But Childradtab.click not allowing me to write an event.

Thanks In Advance,
Rish.

TabStrip

answered on 03 Apr 2012

0 answers

96 views

how can i recognize the which button is clicked?

Hello,

i have added multiple link buttons in each calendar cell. As we know we can't create click events for the added link button while rendering calendar.i have written code like below:

foreach (var lstCurrentDayWorkOrder in lstCurrentDayWorkOrders)
            {
                var trOfInnerTable = new TableRow();
                innerTableOfWorkOrderRow.Rows.Add(trOfInnerTable);
                var tdForInnerRow = new TableCell();
                trOfInnerTable.Cells.Add(tdForInnerRow);

                var workOrderLink = new LinkButton { Text = "#" + lstCurrentDayWorkOrder.pm_strWorkOrderNum };
                workOrderLink.Attributes.Add("href", "javascript:void(0);");
                workOrderLink.Style["color"] = "blue";

                tdForInnerRow.Controls.Add(workOrderLink);
            }

Regards,
Kapil Garg
Software Engg.

Ajax

asked on 03 Apr 2012

16 answers

339 views

MakeUrlsAbsolute error in IE9

Hi,

I've just upgraded to the Q1 2011 release of ASP.NEt Ajax and installed IE9. When the editor loads up it generates the following error in a dialogue box on the screen:

"Error while executing filter MakeURLsAbsolute - TypeError: Unable to get value of the property 'InnerHTML': object is null or undefined."

I do not get this issue with IE8. It looks like a problem specific to IE9.

Any ideas?

Thanks

Tim

Editor

answered on 03 Apr 2012