Questions on UI for ASP.NET AJAX Forum

1 answer

191 views

ASP.NET Ajax client-side framework failed to load. Type is undefined ...

Hi Guys,

I publish my web app to several server. But one of my installation returns ajax exceptions. I check the system date and it's correct.

You can find the fiddler detail and ie error message below.

-------------------------IE error message ..
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.2)
Timestamp: Tue, 5 Apr 2011 08:26:16 UTC

Message: ASP.NET Ajax client-side framework failed to load.
Line: 44
Char: 34
Code: 0

----------------------- Fiddler message

URL	http://pc:80/sharestore/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=sm_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a3f7f575c-f971-4b26-8881-745c41ac5a2c%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.1.329.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a9f6c9f10-1e09-4cc8-989d-ef8c903e2042%3a16e4e7cd%3a86526ba7%3a874f8ea2%3af7645509%3a24ee1bba%3ae330518b%3a1e771326%3ac8618e41%3ae4f8f289%3a6a6d718d%3a7165f74%3af46195d3%3aaa288e2d%3a11a04f7e%3a5836

URL

http://pc:80/sharestore/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=sm_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a3f7f575c-f971-4b26-8881-745c41ac5a2c%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.1.329.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a9f6c9f10-1e09-4cc8-989d-ef8c903e2042%3a16e4e7cd%3a86526ba7%3a874f8ea2%3af7645509%3a24ee1bba%3ae330518b%3a1e771326%3ac8618e41%3ae4f8f289%3a6a6d718d%3a7165f74%3af46195d3%3aaa288e2d%3a11a04f7e%3a5836

Regards ...

Ajax

answered on 05 Apr 2011

11 answers

428 views

RadMenu Displayed of Modal Popup Panel

I am using a RadMenu in a Master Page and on the page that uses the master page I am having a button display a Modal Popup Panel. When the panel gets moved it show it behind the Menu hence not fully behaving like a Modal popup window. Is anyone else noticing this behavior and have a fix for it?

Menu

answered on 05 Apr 2011

1 answer

254 views

Open master page RadWindow from content page

Hello,

I have a window (used to display error messages) which resides on the master page. This window is then called by a publically accessable function on the master code behind which can be accessed by the child pages. Now, if I attempt to use the RadGrid RowDrop function and an error occurs, the master window does not display. The window does appear if I force an error (give an invalid stored procedure name) on the population method, but in this situation a full page laod accurs.

I would greatly appreciate your assistance.

See sample code example below:

Master Page
--------------------
public void Show_Error_Msg(String strLocation, String strError)
{
            RadWindow objWindow = RadWindowManager1.Windows[0];
            (objWindow.ContentContainer.FindControl("lbl_error_local") as Label).Text = strLocation;
            (objWindow.ContentContainer.FindControl("lbl_error_msg") as Label).Text = strError;
            objWindow.VisibleOnPageLoad = true;
}

Content Page
---------------------

protected void RadGrid1_RowDrop(object sender, GridDragDropEventArgs e)
{
      try{
            throw new Exception("This is the error from the RowDrop function");
      }
      catch(exception err){ Master.Show_Error_Msg("Row Drop", err.Message.ToString()); }
}

Window

answered on 05 Apr 2011

4 answers

200 views

RadWindow size problem in IE9

Hi i have problem with size window in IE9. Size of window is not same in IE8 and IE9. Top window on image is in IE9 bottom window is in IE8.
NavigateUrl = http://content.gopas.cz/demo/MSOffice2010cz/14exc3/14exc34m.htm
My code:

<telerik:RadWindow ID="DemoLessionWindow" Skin="Web20" runat="server" VisibleStatusbar="false" BackColor="Black"

VisibleTitlebar="true" OffsetElementID="offsetElement" Width="1028" Height="690"

Behaviors="Close" KeepInScreenBounds="false" Modal="true" ShowContentDuringLoad="false" >

</telerik:RadWindow>

Window

answered on 05 Apr 2011

1 answer

69 views

Embedding a user control incorporating a RadGrid inside a RadCombo, which is in turn embedded in a RadGrid GridTemplateColumn

Hello. I would like to embed a user control that uses a RadGrid control inside a RadComboBox so that the control displays when the user clicks the dropdown. I would then like to use this RadComboBox in a GridTemplateColumn inside another RadGrid. I'll include the markup below.

<tel:GridTemplateColumn HeaderText="Assign To" UniqueName="AssignTo" AllowFiltering="false">

<ItemTemplate>

<tel:RadComboBox id="rcAssignTo" runat="server">

<ItemTemplate>

<uc:CaseworkerList ID="ucCaseworkerList" runat="server" DisplayMode="CaseTransferAssign"

OnAssignToCaseworker="ucCaseworkerList_AssignToCaseworker" />

</ItemTemplate>

</tel:RadComboBox>

</ItemTemplate>

</tel:GridTemplateColumn>

ucCaseworkerList has a public load method, which I call in the grid's ItemDataBound event handler as follows.

/// <summary>Handles rgActiveCases' ItemDataBound event by getting the CaseProgramUser

/// and AgencyProgram keys, finding the CaseworkerList control embedded in

/// the GridTemplateColumn's combobox, and calling its load method.</summary>

///

/// <param name="sender">Source of the event.</param>

/// <param name="e"> Grid item event information.</param>

protected virtual void rgActiveCases_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)

{

var item = e.Item as GridDataItem;

var cpuKey = (int)item.GetDataKeyValue(Constants.EntityKeys.CASE_PROGRAM_USER_KEY);

var apKey = (int)item.GetDataKeyValue(Constants.EntityKeys.AGENCY_PROGRAM_KEY);

var dropDown = item.FindControl("rcAssignTo") as RadComboBox;

if (dropDown != null)

{

var nestedView = dropDown.FindControl("ucCaseworkerList") as CaseworkerList;

if (nestedView != null)

{

nestedView.LoadCaseworkerList(apKey, cpuKey);

}

The problem with the above code is that nestedView always turns out to be null. In addition, I'm concerned that this code may prove to be too slow, and thus cause server timeouts. I'd appreciate any advice you can offer.

Grid

answered on 05 Apr 2011

1 answer

92 views

How to customize inherit Toolbar in asp.net

I tried inheriting tool bar for asp.net page but didnt work . Can some one guide me how to inherit tool bar control for web page?

thanks in advance.

ToolBar

answered on 05 Apr 2011

1 answer

110 views

SortOrder = "None" GroupByExpressions

I'm using the GroupByExpressions on the RadGrid, but I would not like my data to be sorted when bound.

Here is my mock up:

<telerik:RadGrid ID="HeadCountRadGrid" runat="server" Skin="Sunset_Custom" GridLines="Both"

AutoGenerateColumns="false" Width="100%" EnableEmbeddedSkins="false" AllowSorting="false"

OnNeedDataSource="HeadCountRadGrid_OnNeedDataSource" >

<MasterTableView BorderStyle="None" BorderWidth="0px" GroupsDefaultExpanded="true" GroupLoadMode="Client" >

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields >

<telerik:GridGroupByField FieldName="Section" HeaderValueSeparator=" " HeaderText=" " />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Section" SortOrder="None" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="Group" ItemStyle-HorizontalAlign="Right" HeaderText="" ItemStyle-Width="250" HeaderStyle-Width="270"/>

<telerik:GridBoundColumn DataField="NumberOfStudents" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Center" HeaderText="Number of Students" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Thank you,

Katie

Chart (Obsolete)

answered on 05 Apr 2011

1 answer

108 views

Scheduler's date range

Colleagues,

Who knows if it is possible to set a custom range of dates to scheduler's view? Say, Aplril 5th and April 6th. The default behavion gives "day", "week" and "month" options which is not always convinient for users.

Thank you all for any piece of advice...

- Stepan.

Scheduler

answered on 05 Apr 2011

1 answer

131 views

How to handle AJAX requests for nested controls

Hi, I have a PanelBar with one RadPanelItem, which has an itemtemplate with a RadGrid inside. Outside of the PanelBar, I have a treeview. The behavior I want is that when an item is selected under the treeview, it causes an AJAX request that refreshes the RadGrid only inside the RadPanelItem with new data based on the treeview item the user selected without causing a full postback.

The way I'm trying to get this to work is by capturing the onClientNodeClicking of the Treeview, I then attempt a ajaxManager.ajaxRequest call, and I can see that server-side code is executed, but for some reason nothing changes after it's done, which leads me to believe that I'm not doing something right.

Here's simplified code of what I'm trying to do:

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

<!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:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script language="javascript" type="text/javascript">

function clientNodeClicking(sender, args) {

refreshGrid(args);

}

function clientNodeChecking(sender, args) {

refreshGrid(args);

}

function refreshGrid(args) {

InitiateAsyncRequest(args.get_node().get_value());

}

function InitiateAsyncRequest(arguments) {

var ajaxManager = $find("<%= ramNotification.ClientID %>");

ajaxManager.ajaxRequest(arguments);

}

</script>

</telerik:RadScriptBlock>

</head>

<body>

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

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

</telerik:RadScriptManager>

<div>

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

</telerik:RadAjaxManager>

<telerik:RadPanelbar ID="rpbContactType" runat="server" Width="100%" ExpandMode="FullExpandedItem" Height="275" >

<Items>

<telerik:RadPanelItem Text="Address Book" Value="MainRadPanel" Expanded="true" Selected="true">

<Items>

<telerik:RadPanelItem Value="AddressBook">

<ItemTemplate>

<telerik:RadGrid ID="rgAddressBook" runat="server" Width="100%" Height="225" AllowMultiRowSelection="true" >

<ClientSettings EnableRowHoverStyle="true" AllowDragToGroup="false" AllowGroupExpandCollapse="false">

<Scrolling AllowScroll="True" UseStaticHeaders="true" ScrollHeight="225" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" ClientDataKeyNames="ID, Address" DataKeyNames="ID, Address">

<Columns>

<telerik:GridBoundColumn DataField="ID" Display="false" UniqueName="ID"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AddressName" HeaderText="Name" HeaderStyle-Width="150" ItemStyle-Width="150" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Address" HeaderText="Address"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelbar>

<telerik:RadTreeView ID="rtvCategories" runat="server"

Width="100%"

Height="125"

CheckBoxes="true"

CheckChildNodes="true"

MultipleSelect="false"

BorderStyle="None"

BorderWidth="1px"

OnClientNodeClicking = "clientNodeClicking"

OnClientNodeChecking = "clientNodeChecking"

>

<Nodes>

<telerik:RadTreeNode Value="0" Text="First Item" />

<telerik:RadTreeNode Value="1" Text="Second Item" />

</Nodes>

</telerik:RadTreeView>

</div>

</form>

</body>

</html>

Public rgAddressBook As Telerik.Web.UI.RadGrid

Private _IDSelected As Integer = 0

Private Sub StatusNotificationsTest_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

rgAddressBook = rpbContactType.FindItemByValue("MainRadPanel").Items.FindItemByValue("AddressBook").FindControl("rgAddressBook")

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Page.IsPostBack = False Then

rgAddressBook.DataSource = GetRadGridData(_IDSelected)

End If

End Sub

Protected Sub rgAddressBook_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs)

rgAddressBook.DataSource = GetRadGridData(_IDSelected)

End Sub

Private Function GetRadGridData(ByVal ItemSelected As Integer) As DataTable

GetRadGridData = New DataTable

With GetRadGridData

.Columns.Add("ID", GetType(Integer))

.Columns.Add("AddressName", GetType(String))

.Columns.Add("Address", GetType(String))

End With

Dim NewRow As DataRow = GetRadGridData.NewRow

Select Case ItemSelected

Case 0

NewRow("ID") = "0"

NewRow("AddressName") = "John Doe"

NewRow("Address") = "johndoe@test.com"

Case 1

NewRow("ID") = "1"

NewRow("AddressName") = "John Smith"

NewRow("Address") = "Johnsmith@test.com"

End Select

GetRadGridData.Rows.Add(NewRow)

End Function

Protected Sub ramNotification_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs) Handles ramNotification.AjaxRequest

Dim argument As String = e.Argument

_IDSelected = argument

rgAddressBook.Rebind()

End Sub

Is there an example somewhere for something similar?

PanelBar