Questions on UI for ASP.NET AJAX Forum

1 answer

50 views

Diferent Loadings panels with diferente loading time

Good morning all,

I will start by describing my scenario and then explain my final goal.
I am using a RadAjaxManager to control the loading panels and events and then have diferent loadings panels for each Grid.

I have several RadGrids in my web page with client databing. I want that the corresponding loading panel for each one disapears when the Grid finishes its databound. Currently both disappear when the firstone loads (apparently when ResponseEnd occurs too).

Example: I have my RadGrid1 that takes 2 secs to bind and have my RadGrid2 that takes 10secs to bind.
I want that the loading panel of RadGrid1 disapears after the 2secs but the loading panel of RadGrid2 maintains util the Grid is fully binded.

How can achieve this?

Many thanks in advance.
HDS

Currently I have the following code

<head>

<title>ASP.NET Grid Demo - Grid Filtered by Combo</title>

<tlk:RadCodeBlock runat="server" ID="RadCodeBlock1">

<script type="text/javascript">

var customerID = "";

function onSelectedIndexChanged(sender, eventArgs) {

var selectedItem = eventArgs.get_item();

customerID = selectedItem._control._value;

var selectedItemText = selectedItem != null ? selectedItem.get_text() : sender.get_text();

$find("<%=RadGrid1.ClientID %>").get_masterTableView().filter("EntityParentId", customerID, "EqualTo");

$find("<%=RadGrid2.ClientID %>").get_masterTableView().filter("EntityParentId", customerID, "EqualTo");

}

function RadGrid_DataBinding(sender, args) {

if (customerID === "") {

args.set_cancel(true);

}

</script>

</tlk:RadCodeBlock>

</head>

<body>

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

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

<Services>

</Services>

</tlk:RadScriptManager>

<asp:Label runat="server" ID="lblDDLName" Text="NamesDDL">Select contact name to view its product orders:</asp:Label>

<div style="margin-top: 15px;">

<tlk:RadComboBox ID="NamesDDL" runat="server" AutoPostBack="True"

DataTextField="ContactName" DataValueField="SupplierID" Width="250px" Height="150px"

AppendDataBoundItems="true" OnClientSelectedIndexChanged="onSelectedIndexChanged">

<Items>

<tlk:RadComboBoxItem Text="All" Value="0" Selected="true"></tlk:RadComboBoxItem>

<tlk:RadComboBoxItem Text="Pair" Value="1" Selected="false"></tlk:RadComboBoxItem>

<tlk:RadComboBoxItem Text="Even" Value="2" Selected="false"></tlk:RadComboBoxItem>

</Items>

</tlk:RadComboBox>

</div>

<div style="margin: 15px 0 20px;">

<tlk:RadGrid ID="RadGrid1" Visible="true" runat="server" AllowPaging="true" AllowSorting="True"

AllowFilteringByColumn="true" GridLines="None" PageSize="5" AutoGenerateColumns="true">

<MasterTableView ClientDataKeyNames="CustomerID" TableLayout="Fixed" AllowMultiColumnSorting="true">

<PagerStyle Mode="NumericPages" />

<Columns>

<tlk:GridBoundColumn DataField="EntityId" HeaderText="EntityId" />

<tlk:GridBoundColumn DataField="EntityName" HeaderText="EntityName" />

</Columns>

</MasterTableView>

<ClientSettings>

<DataBinding Location="ClientEntitiesService.svc"

SelectMethod="GetCustomerDataAndCount"

FilterParameterType="Linq" SortParameterType="Linq" />

<ClientEvents OnDataBinding="RadGrid_DataBinding" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

</tlk:RadGrid>

</div>

<div runat="server" id="div">

<tlk:RadGrid ID="RadGrid2" Visible="true" runat="server" AllowPaging="true" AllowSorting="True"

AllowFilteringByColumn="true" GridLines="None" PageSize="5" AutoGenerateColumns="true">

<MasterTableView ClientDataKeyNames="CustomerID" TableLayout="Fixed" AllowMultiColumnSorting="true">

<PagerStyle Mode="NumericPages" />

<Columns>

<tlk:GridBoundColumn DataField="EntityId" HeaderText="EntityId" />

<tlk:GridBoundColumn DataField="EntityName" HeaderText="EntityName" />

</Columns>

</MasterTableView>

<ClientSettings>

<DataBinding Location="ClientEntitiesService.svc" SelectMethod="GetCustomerDataAndCountWithDelay"

FilterParameterType="Linq" SortParameterType="Linq" />

<ClientEvents OnDataBinding="RadGrid_DataBinding" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

</tlk:RadGrid>

</div>

<tlk:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<tlk:AjaxSetting AjaxControlID="NamesDDL">

<UpdatedControls>

<tlk:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="AjaxLoadingPanel1" UpdatePanelRenderMode="Inline"></tlk:AjaxUpdatedControl>

<tlk:AjaxUpdatedControl ControlID="div" LoadingPanelID="RadAjaxLoadingPanel2" UpdatePanelRenderMode="Block"/>

<tlk:AjaxUpdatedControl ControlID="NamesDDL"></tlk:AjaxUpdatedControl>

</UpdatedControls>

</tlk:AjaxSetting>

</AjaxSettings>

</tlk:RadAjaxManager>

<tlk:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</tlk:RadAjaxLoadingPanel>

<tlk:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Sunset">

</tlk:RadAjaxLoadingPanel>

</form>

</body>

Ajax

answered on 04 Jun 2013

4 answers

302 views

How do I clear the RADComboBox via JQuery

I'm trying to clear or reset the RAD ComboBox via JQuery and I just can't seem to find the right way to do it. I'm firing a click event on a radiobuttonlist that I would like to set the RADComboBox to nothing.I get into my click even, but that combobox just wont play nice. Here are the ways I have tried it...

$('#<%=Me.cboCounterParty.ClientID %>').val("");
$('#<%=Me.cboCounterParty.ClientID %>').val([]);
$telerik.$('#<%=Me.cboCounterParty.ClientID %>').val("");
$telerik.$('#<%=Me.cboCounterParty.ClientID %>').val([]);

On a side note I am able to pull what's in the combobox via
alert($telerik.$('#<%=Me.cboCounterParty.ClientID %>').val());

Thanks!

ComboBox

answered on 04 Jun 2013

3 answers

58 views

Issue using RadPanelItem and RadButton

I am having an issue with the formatting of my webpage. I am using both telerik:RadButton and telerik:RadPanelItem on my web page. They have been working fine until now when I am trying to change the skins on both tools. Before I changed them they were both Web20 but I want to change the RadPanel skin to Windows7 and RadButtons skin to Telerik. When I look at the webpage in IE10, Chrome, and Firefox the page shows both the new skins, but when I look at the page in IE8 and IE9 the RadPanel disappears and the format is gone. I have tried other skins for the RadButton but have not been able to get anything to work except if I go back to what I was doing before with having both items using the Web20 skin. Any ideas on why this is happening?

PanelBar

answered on 04 Jun 2013

1 answer

372 views

"Could not load type 'Default'" error while uploading site with RadControls

Hi,

I'm having some trouble uploading/deploying the website with RadControls onto the ftp server. I've also updated the server asp.net framework version to 4.0. However, I keep getting the following parse error (see Image below). :

Here is the web.config file:

<?xml version="1.0"?>

<configuration>

<appSettings>

<add key="Telerik.Skin" value="Silk"/>

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled"/>

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled"/>

</appSettings>

<system.web>

<customErrors mode ="Off"/>

<compilation debug="true" targetFramework ="4.5"/>

<httpRuntime />

<pages>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadUploadModule"/>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode"/>

<remove name="RadCompression"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode"/>

</modules>

<handlers>

<remove name="ChartImage_axd"/>

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_DialogHandler_aspx"/>

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_RadUploadProgressHandler_ashx"/>

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_WebResource_axd"/>

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>

</handlers>

</system.webServer>

</configuration>

Any suggestions to solve this error? What are the following steps required to upload website with radcontrols?

Thanks.

Best Regards,
Syatira

UI for ASP.NET AJAX in ASP.NET MVC

answered on 04 Jun 2013

4 answers

67 views

[Solved] Paging for RadPanelbar

Hello,
Is there a way to enable paging for RadPanelbar.
I tried adding RadDataPager and used RadPanelbar ID as "PagedControlID", but it didn't work.
Because of requirement, I can't wrap it with div and allow scrolling.

Thanks in advanced.

PanelBar

answered on 04 Jun 2013

1 answer

123 views

[Solved] Is there length restriction for setUrl in IE?

I have javascript function for opening RadWindow.

function OpenWindow(oWnd, url, width, height) {

url = url == null ? oWnd.get_navigateUrl() : url;

width = width == null ? oWnd.get_width() : width;

width = width == null ? 600 : width;

height = height == null ? oWnd.get_height() : height;

height = height == null ? 600 : height;

oWnd.set_keepInScreenBounds(true);

oWnd.set_showContentDuringLoad(false);

oWnd.setSize(width, height);

oWnd.setUrl(url);

oWnd.show();

}

I have noticed that radWindow adds the following at the end of the url in the opened RadWindow: &rwndrnd=0.37625581697120214

As long as the length of url is less than 4096 characters, the RadWindow opens and displays the content. But once the length of url including the addon exceeds 4096 characters, the RadWindow opens but stays blank. Checking the propery of the opened blank RadWindow shows about:blank for Address. Note that this happens only in Internet Explorer. It works fine in Firefox.

I am using 2011.3.1305.40.

Window

answered on 04 Jun 2013

3 answers

132 views

RadWindow - GetRadWindow throws javascript error - OffsetWidth

Hello,

I am currently getting a strange error. Throughout our application we are using the GetRadwindow Function to find the currently opened RadWindow, then closing it after a button submit.

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) {

oWindow = window.radWindow;

}

else if (window.frameElement.radWindow) {

oWindow = window.frameElement.radWindow;

}

return oWindow;

}

function returnToParent(ID) {

//create the argument that will be returned to the parent page

var oArg = new Object();

oArg.ID = ID;

//get a reference to the current RadWindow

var oWnd = GetRadWindow();

oWnd.Close();

}

When It calls this function I am getting the following error:

Unable to get value of the property 'offsetWidth': object is null

I am stumped to what could be causing this, because we weren't getting this error before. We recently updated our telerik controls, so maybe this as something to do with it? Any help would be appreciated.

Thanks,

Ashlee

Window

answered on 04 Jun 2013

2 answers

136 views

Bar chart with different colors

Hello,

Using web application, i need to draw BAR chart.
I have the following details in database

EmployeeId Score Result Date

E001 20 Fail 01-05-2012
E002 80 Pass 01-05-2012
E003 85 Pass 02-05-2012
E001 60 Pass 03-05-2012
E001 86 Pass 01-06-2012
E002 80 Pass 01-06-2012
E003 85 Pass 01-06-2012

need to prepare bar chart for the above employees.
There may be many employees but each employees bar should be displayed with unique colors. Also Legend should display Employee Id with its respective bar color.
Eg: E001 as Red, E002 as Pink, E003 as Blue .........

Its urgent.
Thank you
jayanthi

Chart (Obsolete)

answered on 04 Jun 2013

3 answers

179 views

[Solved] Remove a list of characters

Hi,

I have a radtextbox and from server code I want to trim a list of characters from the end. How to accomplish?

Thanks,
Antony.

Input

answered on 04 Jun 2013

1 answer

328 views

Multiple controls with the same ID were found - Changing page on RadGrid

I'm getting an error whenever I try to change the page or filter a RadGrid inside a RadPageView (which in itself is in an UpdatePanel). I only have the one control named "Audits" (the name of the PageView, not the grid) and it doesn't matter if I rename the control.

An outline of my setup is below:
<asp:UpdatePanel ID="pnl_mainUpdate" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<telerik:RadMultiPage ID="rdmp_pages" runat="server" SelectedIndex="0" CssClass="tabbedPage">
<telerik:RadPageView ID="Audits" runat="server" CssClass="overflowTab">
<telerik:RadGrid ID="rdgAudits" runat="server" AutoGenerateColumns="false" Skin="WebBlue" AllowPaging="True" PageSize="10" Width="95%" OnNeedDataSource="RdgAuditsNeedDataSource" CssClass="centreAlign" EnableHeaderContextFilterMenu="true" EnableHeaderContextMenu="true" EnableAjax="true" >
<MasterTableView AllowFilteringByColumn="true" CommandItemDisplay="None" Font-Names="'Ubuntu', sans serif" IsFilterItemExpanded="false" DataKeyNames="Id" >
<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />
<NoRecordsTemplate>
No audit history recorded
</NoRecordsTemplate>
<Columns>
<telerik:GridBoundColumn HeaderText="Field" DataField="Field" />
<telerik:GridBoundColumn HeaderText="Original Value" DataField="From" />
<telerik:GridBoundColumn HeaderText="New Value" DataField="To" />
<telerik:GridBoundColumn HeaderText="Changed By" DataField="UserName" />
<telerik:GridBoundColumn HeaderText="Changed" DataField="Changed" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadPageView>
</telerik:RadMultiPage>
<asp:UpdateProgress ID="UpdateProgressIcon" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="pnl_mainUpdate">
<ProgressTemplate>
<div class="loadingPopup">
<asp:Image ID="img_spinner" runat="server" ImageUrl="~/Images/spinner.gif" CssClass="loadingSpinner" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>

The full error is as below:
Uncaught Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Multiple controls with the same ID 'Audits' were found. FindControl requires that controls have unique IDs.
Any suggestions?

Grid

answered on 04 Jun 2013