This is a migrated thread and some comments may be shown as answers.

In Built Loading Panel

11 Answers 201 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

11 Answers, 1 is accepted

answered on 15 Jun 2010, 01:22 PM

Hello Brian,

>> The loading animation for the RadGrid, can you control when it shows via the client-side API?

I am afraid not. What you can do is obtain a reference to the DOM element of the animation wrapper element, which is a TD with a rgStatus CSS class. Here is a simple demo.

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

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

<script runat="server">

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable dt = new DataTable();

DataRow dr;

int colsNum = 4;

int rowsNum = 50;

string colName = "Column";

for (int j = 1; j <= colsNum; j++)

{

dt.Columns.Add(String.Format("{0}{1}", colName, j));

}

for (int i = 1; i <= rowsNum; i++)

{

dr = dt.NewRow();

for (int k = 1; k <= colsNum; k++)

{

dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i);

}

dt.Rows.Add(dr);

}

(sender as RadGrid).DataSource = dt;

}

</script>

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

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

<style type="text/css">

.rgStatus2 *

{

visibility:hidden !important;

}

</style>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:CheckBox ID="CheckBox1" runat="server" onclick="toggleAnimation(this)" Checked="true" />

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

<script type="text/javascript">

function toggleAnimation(chkBox)

{

var statusCell = $telerik.getElementByClassName($get("<%= RadGrid1.ClientID %>"), "rgStatus", "td");

if (chkBox.checked)

Sys.UI.DomElement.removeCssClass(statusCell, "rgStatus2");

else

Sys.UI.DomElement.addCssClass(statusCell, "rgStatus2");

}

function checkAnimationSetting(sender, args)

{

var chkBox = $get("<%= CheckBox1.ClientID %>");

if (chkBox && !chkBox.checked)

{

var statusCell = $telerik.getElementByClassName(sender.get_element(), "rgStatus", "td");

Sys.UI.DomElement.addCssClass(statusCell, "rgStatus2");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid

ID="RadGrid1"

runat="server"

Skin="Office2007"

Width="800px"

ShowStatusBar="true"

AllowPaging="true"

OnNeedDataSource="RadGrid_NeedDataSource">

<ClientSettings>

<ClientEvents OnGridCreated="checkAnimationSetting" />

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

>> I see the RadScheduler with its own loading animation too.

RadScheduler does not have its own loading animation. I suspect there is some misunderstanding here. Can you provide a demo or a screenshot, which shows the loading animation?

Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 15 Jun 2010, 04:14 PM

scheduler.png

OK, ignore the previous post; attached is my scheduler; I have a RadAjaxLoadingPanel attached, with the Loading... text and the navy animation; however, the green loading icon that's in-built also appears too.

I'm binding via the client-side, and no radajaxpanel or radajaxmanager ajax settings are attached to it.

That's the same appearance as the RadGrid for me.

Thanks.