Questions on UI for ASP.NET AJAX Forum

1 answer

187 views

I'm trying to get the example of Client side web service binding working (http://demos.telerik.com/aspnet-ajax/grid/examples/client/livedata/defaultcs.aspx) but I can't seem to figure it out. I've copied the code from the example site, and my grid shows up, but it never calls my web service. I've verified that my web service is working and generating data by calling it manually, and it works. What am I doing wrong?

It won't let me attach a zip of my project, so what should I check? Is there an entry in the web.config I have to add or something?

Here's my main aspx file:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

//<![CDATA[

function pageLoad(sender, args) {

setInterval("MarsLogsWS.GetRecentLogMessages(updateGrid)", 1000);

}

function updateGrid(result) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

}

function OnRowDataBound(sender, args) {

var spanControl = args.get_item().get_cell("Change").getElementsByTagName('span')[0];

var image = args.get_item().get_cell("Change").getElementsByTagName('img')[0];

if (args.get_dataItem().Change > 0) {

image.style.display = "";

image.src = "Images/up.gif";

spanControl.style.color = "green";

}

else if (args.get_dataItem().Change < 0) {

image.style.display = "";

image.src = "Images/down.gif";

spanControl.style.color = "red";

}

else {

image.style.display = "none";

spanControl.style.color = "";

}

//]]>

</script>

</telerik:RadCodeBlock>

</head>

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

<asp:ServiceReference Path="MarsLogsWS.asmx" />

</Services>

</telerik:RadScriptManager>

RadGrid bound to live data:</h3>

<telerik:RadGrid ID="RadGrid1" AutoGenerateColumns="false" runat="server">

<telerik:GridTemplateColumn UniqueName="Type" HeaderText="Type" DataField="Type">

<asp:Label ID="Type" runat="server" Style="font-weight: bold;" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Priority" DataField="Priority" HeaderText="Priority">

<asp:Label ID="Priority" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Text" DataField="Text" HeaderText="Text">

<asp:Label ID="Text" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="EventTime" UniqueName="EventTime" HeaderText="Event Time"

DataFormatString="{0:dd/MM/yyyy' 'HH':'mm':'ss}" />

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewMarsLogs.aspx.cs" Inherits="Mars.Console.Web.ViewMarsLogs" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

//<![CDATA[

function pageLoad(sender, args) {

setInterval("MarsLogsWS.GetRecentLogMessages(updateGrid)", 1000);

}

function updateGrid(result) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

}

function OnRowDataBound(sender, args) {

var spanControl = args.get_item().get_cell("Change").getElementsByTagName('span')[0];

var image = args.get_item().get_cell("Change").getElementsByTagName('img')[0];

if (args.get_dataItem().Change > 0) {

image.style.display = "";

image.src = "Images/up.gif";

spanControl.style.color = "green";

}

else if (args.get_dataItem().Change < 0) {

image.style.display = "";

image.src = "Images/down.gif";

spanControl.style.color = "red";

}

else {

image.style.display = "none";

spanControl.style.color = "";

}

//]]>

</script>

</telerik:RadCodeBlock>

</head>

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

<asp:ServiceReference Path="MarsLogsWS.asmx" />

</Services>

</telerik:RadScriptManager>

RadGrid bound to live data:</h3>

<telerik:RadGrid ID="RadGrid1" AutoGenerateColumns="false" runat="server">

<telerik:GridTemplateColumn UniqueName="Type" HeaderText="Type" DataField="Type">

<asp:Label ID="Type" runat="server" Style="font-weight: bold;" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Priority" DataField="Priority" HeaderText="Priority">

<asp:Label ID="Priority" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Text" DataField="Text" HeaderText="Text">

<asp:Label ID="Text" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="EventTime" UniqueName="EventTime" HeaderText="Event Time"

DataFormatString="{0:dd/MM/yyyy' 'HH':'mm':'ss}" />

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewMarsLogs.aspx.cs" Inherits="Mars.Console.Web.ViewMarsLogs" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

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

<script type="text/javascript">

//<![CDATA[

function pageLoad(sender, args) {

setInterval("MarsLogsWS.GetRecentLogMessages(updateGrid)", 1000);

}

function updateGrid(result) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

}

function OnRowDataBound(sender, args) {

var spanControl = args.get_item().get_cell("Change").getElementsByTagName('span')[0];

var image = args.get_item().get_cell("Change").getElementsByTagName('img')[0];

if (args.get_dataItem().Change > 0) {

image.style.display = "";

image.src = "Images/up.gif";

spanControl.style.color = "green";

}

else if (args.get_dataItem().Change < 0) {

image.style.display = "";

image.src = "Images/down.gif";

spanControl.style.color = "red";

}

else {

image.style.display = "none";

spanControl.style.color = "";

}

//]]>

</script>

</telerik:RadCodeBlock>

</head>

<body class="BODY">

<form runat="server" id="mainForm" method="post">

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

<Services>

<asp:ServiceReference Path="MarsLogsWS.asmx" />

</Services>

</telerik:RadScriptManager>

<h3 class="qsfSubtitle">

RadGrid bound to live data:</h3>

<telerik:RadGrid ID="RadGrid1" AutoGenerateColumns="false" runat="server">

<MasterTableView TableLayout="Fixed">

<Columns>

<telerik:GridTemplateColumn UniqueName="Type" HeaderText="Type" DataField="Type">

<ItemTemplate>

<asp:Label ID="Type" runat="server" Style="font-weight: bold;" />

</ItemTemplate>

<ItemStyle Width="150px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Priority" DataField="Priority" HeaderText="Priority">

<ItemTemplate>

<asp:Label ID="Priority" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Text" DataField="Text" HeaderText="Text">

<ItemTemplate>

<asp:Label ID="Text" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="EventTime" UniqueName="EventTime" HeaderText="Event Time"

DataFormatString="{0:dd/MM/yyyy' 'HH':'mm':'ss}" />

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnCommand="function(){}" OnRowDataBound="OnRowDataBound" />

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

And my web.config:

<?xml version="1.0"?>

<configuration>

<appSettings>

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

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

</appSettings>

<system.web>

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

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

<system.serviceModel>

<bindings />

<client />

</system.serviceModel>

</configuration>

Grid

answered on 14 Dec 2010

1 answer

92 views

How to find a nested control within a rad control?

Using Visual Studio 2008, I seem to not be able to get my controls that are nested inside of a rad control to show up in Intellisense regardless of it is a rad control or an regular asp control. What is the best way to go about programming events for nested controls inside of a rad control?

General Discussions

answered on 14 Dec 2010

3 answers

105 views

Telerik Grid drag drop

Hi ,
I am using 2 grids among them one is rad detail grid. I need to drag n drop rows from normal grid to detail grid. Is there any way to find the datakey of detail table row on which the row from 2nd grid is dropping. Please help..

Thnx n regards
Sam Peter

Grid

answered on 14 Dec 2010

1 answer

206 views

[Solved] Why do the pages I am developing reference aspnet-scripts.telerikstatic.com

Why do the web pages I am developing reference aspnet-scripts.telerikstatic.com. See example from looking at the "view Source" from IE:

</

script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/Core.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Ajax/Ajax.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/jQuery.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Splitter/RadSplitterScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/jQueryPlugins.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/TouchScrollExtender.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Input/TextBox/RadInputScript.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/Navigation/NavigationScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/ComboBox/RadComboBoxScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Calendar/RadDatePicker.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Calendar/RadDateTimePickerScript.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Calendar/RadTimeViewScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Input/DateInput/RadDateInputScript.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Calendar/RadCalendarCommonScript.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Calendar/RadCalendarScript.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Grid/RadGridScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Common/Scrolling/ScrollingScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Menu/RadMenuScripts.js" type="text/javascript"></script>

<

script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1109/Menu/ContextMenu/RadContextMenuScripts.js" type="text/javascript"></script>

<

script type="text/javascript">

General Discussions

answered on 14 Dec 2010

8 answers

130 views

How to backup document explorer favorite?

Where is the location of the data? I am currently using asp.net ajax control.

Thanks

General Discussions

answered on 14 Dec 2010

1 answer

82 views

Add Images in place of expander in RadTreeView C#

Hello Friends,

I am planning to add images in place of the expanders which are present in the RadTreeView control.

I want to accomplish my task using C#.

Any help would be appreciated.
Thanks.

Best Regards,
Ruchit

General Discussions

answered on 14 Dec 2010

3 answers

215 views

Problem with Export to Excel

I have a hierarchical grid and when i am exporting it to excel, resulted excel contains not working hyperlinks in header row.
I need to remove these links and need to show as a normal text header.
In my rad grid sorting is enabled.

Please give me a solution how to replace header.

Grid

answered on 14 Dec 2010

2 answers

76 views

[Solved] RadDatePicker - end not closed off

Hi,
I'm using the classic AJAX controls (as required by the client for the project upon which I am working - not negotiable).

I am having trouble rendering a RadDatePicker.
The end of the control is not being rendered correctly (I am unable to upload a picture owing to my office's lockdown on uploads).
The table cell in which the RadDatePicker is housed is much wider than the control itself, so it should not be getting cut off.

Does anyone recognise this symptom and have any suggestions as to how I can get the control to render correctly.

Cheers

Calendar

answered on 14 Dec 2010

12 answers

1.0K+ views

Issue with Static Header in Rad Grid

Hi,
When I am trying to make the Rad grid header static by setting "UseStaticHeaders = true", the grid columns automatically shrinks to the length of data present in the particular cell and hence the total width of the grid also decreases. But the width of the grid and column remains intact if I remove the property. Again when the "AllowScroll" is true and there is not enough rows so that the scrollbar will appear, a small gap (exactly width of the scrollbar) between the grid and the panel which contains the grid is coming. I have given the grid width as 100% and column width in % also. Please let me know if any property settings missing or any solution.

Thanks.
JK

Grid