Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,790 questions
0 answers
84 views
Drag and drop fires only once
Hi

I'm trying implement drag and drop functionality in my user control which is actually one of my custom wizard steps.
I've implement all most all parts of code in the online demo http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx and faced with next situation : drag and drop fires only once. After this it doesn't work anymore unless I refresh page. Does anybody know how to fix it?

Thank you
Grid
Andrew
Top achievements
Rank 1
 asked on 19 Aug 2012
0 answers
129 views
How to Filter a Column without PostBack?
Hi everyone.

I'm new with Telerik Controls, and I have a question. I use DevExpress Controls a long time ago, and I remember that I can Filter the Columns data without PostBack, only tiping de text, and the grid Filter.

But, with the Telerik Grid... I can't do this... always fired a PostBack... and this is so slow...

Can I filter my Columns Data only by tiping the text I want to search???

Please help me... 

Regards...
Grid
Juan
Top achievements
Rank 1
 asked on 19 Aug 2012
0 answers
84 views
How to set the three attribute of diagram???
Three   attribute   set    of    diagram.

One:
       How  to  make   the    "Shape"    can't    be   selected???        As   the   first    picture   attached... 

Two:
      How  to  make   the    "Shape"    can't    be   edited???        As   the   second    picture   attached...

Three:
       How   to   make     the     "Shape"    don't    appear     dotted     line   when  left  mouse   button  down   ???        As   the   third    picture   attached... 
 In  a  word:

       The Diagram   is   used   to   display ,  needn't    each   Shap   can   be   edited  ,  such as  selected  ,edited the  text.
       How  to  set???   
General Discussions
Yostec
Top achievements
Rank 1
 asked on 19 Aug 2012
2 answers
566 views
[Solved] How to pass Form Template Edit Form textbox value to code behind
I have a RADGrid named 'RadGrid1' in my aspx page.

RadGrid1 has a form template edit form and this edit form contains:

  • A text box with an ID 'txtEmail' for editing the email address of the selected record
  • A button with an ID 'ButtonA'

What I am trying to do is:

When user click the 'ButtonA' button,
I want to send the email address information shown in the 'txtEmail' text box of the selected record to the code behind file's 'ButtonA' onClick event procedure.

I need to know the correct syntax/code for doing this.

Code behind file:

protected void ButtonA_Click(object sender, EventArgs e)
{
    string EmailAddress = // How can I get the email address information shown in the ‘txtEmail’
                   //  text box in the Form Template Edit Form
}

Thank you. :D
Grid
ILJIMAE
Top achievements
Rank 1
 answered on 19 Aug 2012
0 answers
95 views
Problem in populating the sqldatasource to raddatepicker
I have the following code with the radComboxBox text value as the param to the sqldatasource. the result set of the sqldatasource will be populate to the raddatePick. this is not work. can anyone help me?

-----------------------------------------aspx ------------------------------------------

<%@ Page Language="c#" Inherits="imatrader_general_Default" CodeFile="Default.aspx.cs" %>


<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="../../Common/Header.ascx" TagName="Header" 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>
</head>
<body>
    <form id="form1" runat="server">
    <div style="position: relative; top: 3px; left: 3px; width: 400px; height: 30px;">
        <telerik:Header runat="server" ID="Header1" NavigationLanguage="CS" ShowDbResetTimer="true">
        </telerik:Header>
    </div>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div style="position: relative; top: 10px; left: 3px; height: 30px; font: bold 20px Arial;">
        <asp:Label ID="Label1" runat="server" Text="Download" Height="27px"></asp:Label>
    </div>
    <div style="position: relative; top: 10px; left: 3px; height: 200px;">
        Symbol
        <telerik:RadComboBox ID="RadComboBox1" runat="server" AllowCustomText="true" Width='100'
            DataSourceID="SqlDataSource1" Filter="Contains" DataTextField="code" AutoPostBack="true " OnSelectedIndexChanged="RadComboBox1_OnSelectedIndexChanged">
        </telerik:RadComboBox>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MarketDbConnectionString %>"
            SelectCommand="SELECT '^HSCE' AS code UNION SELECT '^HSI' AS code UNION SELECT '^DJI' AS code UNION SELECT DISTINCT code FROM Quote ORDER BY Code">
        </asp:SqlDataSource>
        <br />
        <br />
        From
        <telerik:RadDatePicker ID="FromDatePicker" Width="100px" runat="server" SelectedDate='<%# Bind("startDate") %>'
            Culture="zh-HK">
            <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
        </telerik:RadDatePicker>
        <%--        <telerik:RadDatePicker ID="RadDatePicker1" Width="100" runat="server" DbSelectedDate='<%# startDate %>'
            Culture="zh-HK" AutoPostBack="True" OnSelectedDateChanged="FromDatePicker_SelectedDateChanged">
            <Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" runat="server" UseColumnHeadersAsSelectors="False"
                ViewSelectorText="x">
            </Calendar>
            <DateInput ID="DateInput1" DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" runat="server" LabelWidth="40%"
                AutoPostBack="True">
            </DateInput>
            <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
        </telerik:RadDatePicker>
        --%>
        &nbsp;To
        <telerik:RadDatePicker ID="ToDatePicker" Width="100" runat="server" DbSelectedDate='<%# endDate %>'
            Culture="zh-HK">
            <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
        </telerik:RadDatePicker>
        <br />
        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
            ConnectionString="<%$ ConnectionStrings:MarketDbConnectionString %>" 
            SelectCommand="SELECT DATEADD(day, 1, MAX(tradeDate)) AS startDate FROM vwMaster WHERE (code = @code)">
            <SelectParameters>
                <asp:ControlParameter ControlID="RadComboBox1" Name="code" 
                    PropertyName="SelectedValue" />
            </SelectParameters>
        </asp:SqlDataSource>
        <br />
        <telerik:RadButton ID="RadButtonStart" runat="server" Text="Start" OnClick="RadButtonStart_Click">
        </telerik:RadButton>
        <br />
        <br />
        <asp:Label ID="lblResults" runat="server" Text=""></asp:Label>
        <br />
    </div>
    </form>
</body>
</html>


---------------------- cs ----------------------------

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;


using System.Data;
using System.Net;
using System.Data.SqlClient;
using YahooStocks;
using Telerik.Web.UI.Skins;
using Telerik.Web.UI;


public partial class imatrader_general_Default : System.Web.UI.Page
{


    protected DateTime? startDate
    {
        set
        {
            ViewState["strD"] = value;
        }
        get
        {
            if (ViewState["strD"] != null)
                return (DateTime)ViewState["strD"];
            else
                return new DateTime(DateTime.Today.Year - 1, DateTime.Today.Month, DateTime.Today.Day);
        }
    }
    protected DateTime? endDate
    {
        set
        {
            ViewState["endD"] = value;
        }
        get
        {
            if (ViewState["endD"] != null)
                return (DateTime)ViewState["endD"];
            else
                return DateTime.Today;
        }
    }
    protected void RadButtonStart_Click(object sender, EventArgs e)
    {


        YahooDownloader ydl = new YahooDownloader();
        DataTable dtable = ydl.UpdateSymbol(this.RadComboBox1.Text, FromDatePicker.SelectedDate, ToDatePicker.SelectedDate);
        //DataTable dtable = ydl.UpdateSymbol(this.RadComboBox1.Text, startDate, endDate);
        if (dtable != null)
        {
            string code = RadComboBox1.Text;
            ydl.InsertOrUpdateIssue(dtable, code);
        }
        lblResults.Text = ydl.getMessage();
    }
    //protected void FromDatePicker_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)
    //{
    //    startDate = this.FromDatePicker.SelectedDate;
    //}


    //protected void ToDatePicker_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)
    //{
    //    endDate = this.ToDatePicker.SelectedDate;
    //} 




    protected void RadComboBox1_OnSelectedIndexChanged(Object sender, RadComboBoxSelectedIndexChangedEventArgs e)
    {
    }


    
    
    protected void Page_Load(object sender, EventArgs e)
    {
        //FromDatePicker.SelectedDate = startDate;
        //ToDatePicker.SelectedDate = endDate;
    }
    
}
Input
G
Top achievements
Rank 1
 asked on 18 Aug 2012
0 answers
69 views
Localization for RadInputManager
Hi
How can I do Localization for RadInputManager ? this control does not participate in 'Generate Local Resource' of VS.
I want to get ErrorMessage and EmptyMessage from the page resource file.
I added meta:resourcekey manually , it worked, but just for ErrorMessage

Thank you very much for your feedback
General Discussions
reza
Top achievements
Rank 1
 asked on 18 Aug 2012
1 answer
432 views
[Solved] RadComboBox Highlight Search Text Result
Hello Everyone,
Can anyone help me out in highlight (or HTML format) the search string in the combobox results.
I need to use it in the Items_Requested server side method of Combobox
and also a web service method for  combobox in grid.
I tried the following code , and it shows the search text but  created problem for the ecents of Combobox.
//************************  Homepage.aspx.cs **********************************************************  
public static string SetHighlight(string strOrginal, string strNeedle)
    {
        Regex regex = new Regex(strNeedle, RegexOptions.IgnoreCase);
        //return regex.Replace(strOrginal, "<b>" + strNeedle + "</b>");
        return regex.Replace(strOrginal, "<font color=red>" + strNeedle + "</font>");
    }
 
[WebMethod]
    public static RadComboBoxData GetAirportNames(RadComboBoxContext context)
    {
        //DataTable data = GetData(context.Text);
        CommonDL CDL = new CommonDL();
        DataTable data = CDL.LoadAirports_HomePage(context.Text);
        RadComboBoxData comboData = new RadComboBoxData();
        int itemOffset = context.NumberOfItems;
        int endOffset = Math.Min(itemOffset + ItemsPerRequest, data.Rows.Count);
        comboData.EndOfItems = endOffset == data.Rows.Count;
  
        List<RadComboBoxItemData> result = new List<RadComboBoxItemData>(endOffset - itemOffset);
        for (int i = itemOffset; i < endOffset; i++)
        {
            RadComboBoxItemData itemData = new RadComboBoxItemData();
            itemData.Text = SetHighlight(data.Rows[i]["PortName"].ToString(), context.Text.ToString());
            itemData.Value = data.Rows[i]["AirportID"].ToString();
            itemData.Attributes.Add("OrginalText", data.Rows[i]["PortName"].ToString());
            //itemData.Attributes.Add(data.Rows[i]["PortName"].ToString(), context.Text.ToString());
            result.Add(itemData);
        }
        comboData.Message = GetStatusMessage(endOffset, data.Rows.Count);
        comboData.Items = result.ToArray();
        return comboData;
    }
  
  
//************************  Homepage.aspx   **********************************************************  
  
<telerik:RadComboBox Width="160" ID="cmbFromAirportP3" ValidationGroup="P3"
                                                class="text-input"
                                                    AllowCustomText="true"
                                                    runat="server" DataTextField="PortName"
                                                    DataValueField="AirportID"
                                                    EmptyMessage="Select From Airport" Text=""
                                                    EnableLoadOnDemand="true"
                                                    ShowMoreResultsBox="true"
                                   EnableVirtualScrolling="false"
                                   ChangeTextOnKeyBoardNavigation="false"
                                   OnClientDropDownClosing="cmb_Closing"
                                   OnClientItemsRequested="cmbOrgName_ClientItemsRequested"
                                   OnClientItemsRequesting="cmbOrgName_ClientItemsRequesting"
                                   OnClientSelectedIndexChanged="cmbOrgName_ClientSelectedIndexChanged"
                                    OnClientBlur="cmb_Blur"
                                    >
                                                    <WebServiceSettings Method="GetAirportNames" Path="HomePage.aspx" />
                                                </telerik:RadComboBox>
  
  
//************************  Javascript Code  **********************************************************  
<script type="text/javascript" id="S2">
            function cmbOrgName_ClientSelectedIndexChanged(sender, args) {
                //Get OrginalText and set to the selected item
                var orginalText = sender.get_selectedItem().get_attributes().getAttribute("OrginalText");
                sender.set_text(orginalText);
            }
            function cmb_Blur(sender, args) {
                //Get OrginalText and set to the selected item
                  
                var orginalText = sender.get_selectedItem().get_attributes().getAttribute("OrginalText");
                sender.set_text(orginalText);
                sender.hideDropDown();
//                alert('Cmbo lost focus');
            }
            function cmb_Closing(sender, args) {
                //Get OrginalText and set to the selected item
                var orginalText = sender.get_selectedItem().get_attributes().getAttribute("OrginalText");
                sender.set_text(orginalText);
                  
            }
  
              
            function cmbOrgName_ClientItemsRequesting(sender, args) {
                //clear the existing items
                sender.get_items().clear();
            }
            //If no records returned, collapse the dropdown automatically.
  
            function cmbOrgName_ClientItemsRequested(sender, args) {
                if (sender.get_items().get_count() == 0) {
                    sender.toggleDropDown();
                }
            }
              
        </script>

Thanks,
Vishal
ComboBox
Abhi Shinde
Top achievements
Rank 1
 answered on 18 Aug 2012
0 answers
120 views
Radgrid decimal range
<telerik:GridBoundColumn UniqueName="Total" DataField="Total" FooterStyle-Font-Bold="true" FooterStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" HeaderStyle-Width="95px" DataFormatString="{0:N} TL" HeaderText="Tutar" Aggregate="Sum" AutoPostBackOnFilter="false" ShowFilterIcon="true">
        <FilterTemplate>
            <asp:TextBox CssClass="rgFilterBox" Width="20" ID="ToValue" runat="server" Text='<%# endValue %>'></asp:TextBox>
            <asp:TextBox CssClass="rgFilterBox" Width="20" ID="FromValue" runat="server" Text='<%# startValue %>'></asp:TextBox>
            <input type="button" class="rgFilter" title="Filtrele" id="btnValueFilter" onclick="DoValueRangeFilter()" value=" " name="btnValueFilter">
 
            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                <script type="text/javascript">
                    function DoValueRangeFilter() {
                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                        var fromval =   $.trim($("#<%# ((GridItem)Container).FindControl("FromValue").ClientID %>").val());
                        var toval =     $.trim($("#<%# ((GridItem)Container).FindControl("ToValue").ClientID %>").val());
 
                        tableView.filter("Total", fromval + " " + toval, "Between");
                    }
                </script>
 
            </telerik:RadScriptBlock>
        </FilterTemplate>
</telerik:GridBoundColumn>

        protected void grd_ItemCommand(object sender, GridCommandEventArgs e)
        {
            if (e.CommandName == RadGrid.FilterCommandName)
            {
                Pair filterPair = (Pair)e.CommandArgument;
 
                switch (filterPair.Second.ToString())
                {
                    case "OrderDate":
                        this.startDate = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("FromDatePicker") as RadDatePicker).SelectedDate;
                        this.endDate = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("ToDatePicker") as RadDatePicker).SelectedDate;
                        break;
                    case "Total":
                        this.startValue = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("FromValue") as TextBox).Text; 
                        this.endValue = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("ToValue") as TextBox).Text;
                        break;
                    default:
                        break;
                }
            }
}
 
 
        protected string startValue
        {
            set
            {
                ViewState["strV"] = value;
            }
            get
            {
                if (ViewState["strV"] != null)
                    return (string)ViewState["strV"];
                else
                    return "";
            }
        }
        protected string endValue
        {
            set
            {
                ViewState["endV"] = value;
            }
            get
            {
                if (ViewState["endV"] != null)
                    return (string)ViewState["endV"];
                else
                    return "";
            }
        }



Hi, I've a boundcolumn named total and i want to filter that column having values range between x to y. 
i copied codes from demo in this link and modified for myself to decimal range.
thats my issue :
when i fill range textboxes (ex: ToValue=5 and Fromvalue=1) and press filter button
this.startValue has "1 5" and this.endValue has "5".

i changed the order of textboxes and realized that the first textbox always gets the both boxes value with a space between them.

Am i missing something or is this a bug?? 

Grid
gkhn
Top achievements
Rank 1
 asked on 17 Aug 2012
0 answers
71 views
Reverse(Crosspage postback)
I came across this article: http://www.telerik.com/help/aspnet-ajax/tabstrip-web-pages-cross-page-postback.html

Is there any so that I can have tab strip to get posted back (instead causing post-back) from (instead to) a different Web page from the one that contains it.
TabStrip
Aarsh
Top achievements
Rank 1
 asked on 17 Aug 2012
1 answer
90 views
Jquery Ajax call to ASPX page not displaying datatble in radgrid
Hi,

        I am trying to get a datatable using a jquery ajax call and display it in radgrid using Telerik Q2 2009. My call to the web method is going through and returning a datable from JSON.NET, but the datatable doesn't bind to the radgrid.

In Masterpage:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="frmMasterTest.master.cs" Inherits="frmMasterTest" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<<%@ Register Src="~/User Controls/ucPageHeaderStandard.ascx" TagName="ucPageHeaderStandard"
    TagPrefix="uc1" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Hazard</title>
    <link href="Hazard.css" rel="stylesheet" type="text/css" />    
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="120" EnablePageMethods="true">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/MainScript.js?Version=1" />                     
            <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" />
            <asp:ScriptReference Path="~/Scripts/jqueryblockUI.js" />                        
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxLoadingPanel ID="RALPMaster" runat="server" BackColor="#EEEEEE" Transparency="50">
        <div align="center">
            <asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/Images/loading6.gif" />
        </div>
    </telerik:RadAjaxLoadingPanel>
 
    <div>                            
            <table cellpadding="0" cellspacing="0" border="2" width="100%">
                <tr>
                    <td valign="top">
                        <uc1:ucPageHeaderStandard ID="ucPgHdr" runat="server" EnableViewState="true" />
                        <asp:HiddenField ID="txtWireBillingNewLoanNum" runat="server" />
                        <asp:HiddenField ID="txtWireBillingReasonCode" runat="server" />                        
                        <asp:HiddenField ID="txtWIActionSummary" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <telerik:RadSplitter ID="rdSpltMain" runat="server" Orientation="Vertical" Width="99%"
                            Height="660px" CssClass="gradienceColor" VisibleDuringInit="false" LiveResize="true">
                            <telerik:RadPane ID="rdPaneLeft" runat="server" Width="50%" Height="" Scrolling="None"
                                CssClass="gradienceColor">
                                <asp:ContentPlaceHolder ID="CPHLeft" runat="server">
                                </asp:ContentPlaceHolder>
                            </telerik:RadPane>
                            <telerik:RadSplitBar ID="rdSpltBarMain" runat="server" />
                            <telerik:RadPane ID="rdPaneRight" runat="server" Width="50%" Scrolling="Both" CssClass="gradienceColor">                                
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                        <tr>
                                            <td valign="top">
                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top">
                                                <asp:ContentPlaceHolder ID="CPHTopRight" runat="server">
                                                    
                                                </asp:ContentPlaceHolder>
                                                <asp:ContentPlaceHolder ID="CPHRight" runat="server">
                                                </asp:ContentPlaceHolder>
                                            </td>
                                        </tr>
                                    </table>                                
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </td>
                </tr>
            </table>        
    </div>
    </form>
</body>
</html>

In TestNotes.aspx:

<%@ Page Language="C#" MasterPageFile="~/frmMasterTest.master" AutoEventWireup="true" CodeFile="testNotes1.aspx.cs" Inherits="TestInteraceNotes_testNotes1" %>

<%@ MasterType VirtualPath="~/frmMasterTest.master" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPHLeft" runat="server">
        
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
                (function ($) {
                    $(document).ready(function () {
                        $('[Id$=Button1]').click(function () {                    
                            $.ajax({
                              type: 'POST',
                              url: 'TestNotes1.aspx/afLoadNotes',
                              data: '{}',
                              contentType: "application/json; charset=utf-8",
                              dataType: "json",
                              success: function(result) {
                                var mtv = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
                                  mtv.set_dataSource(result.d);
                                  mtv.dataBind();                        
                              },
                              error: function(msg) {
                                alert('error');
                              }
                            });     
                        });
                    });
                })($telerik.$);
            </script>
        </telerik:RadCodeBlock>
    
        <div>                                
            <asp:Button ID="Button1" Text="Bind Grid" runat="server" />
            <div id="divGridContainer">
                <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" Skin="Default"
                    AllowFilteringByColumn="true" AllowSorting="true" GroupingSettings-CaseSensitive="false">
                    <ClientSettings>
                        <Scrolling AllowScroll="True" SaveScrollPosition="True" UseStaticHeaders="True" ScrollHeight="170px">
                        </Scrolling>                    
                    </ClientSettings>
                    <MasterTableView HierarchyLoadMode="Client">
                        <Columns>
                            <telerik:GridBoundColumn DataField="Date" FilterControlWidth="60px" HeaderText="Date"
                                HeaderStyle-Width="100px" ItemStyle-Width="100px" SortExpression="DateForSort">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Note" HeaderText="Note" FilterControlWidth="230px"
                                HeaderStyle-Width="270px" ItemStyle-Width="270px">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="User" HeaderText="User" FilterControlWidth="40px"
                                HeaderStyle-Width="80px" ItemStyle-Width="80px">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Type" HeaderText="Type" FilterControlWidth="40px"
                                HeaderStyle-Width="80px" ItemStyle-Width="80px">
                            </telerik:GridBoundColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
            </div>
        </div>
</asp:Content>
In TestNotes.aspx.cs
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.Services;
using System.IO;
using Newtonsoft.Json;
 
public partial class TestInteraceNotes_testNotes1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
             
        }
    }
 
    [WebMethod]
    public static string afLoadNotes()
    {
        Web Service call returns a datatable
        return Serialize(dt);
    }
 
    public static string Serialize(object value)
    {
        Type type = value.GetType();
 
        Newtonsoft.Json.JsonSerializer json = new Newtonsoft.Json.JsonSerializer();
 
        json.NullValueHandling = NullValueHandling.Ignore;
 
        json.ObjectCreationHandling = Newtonsoft.Json.ObjectCreationHandling.Replace;
        json.MissingMemberHandling = Newtonsoft.Json.MissingMemberHandling.Ignore;
        json.ReferenceLoopHandling = ReferenceLoopHandling.Ignore;
 
        //if (type == typeof(DataRow))
        //    json.Converters.Add(new DataRowConverter());
        //else if (type == typeof(DataTable))
        //    json.Converters.Add(new DataTableConverter());       
 
        StringWriter sw = new StringWriter();
        Newtonsoft.Json.JsonTextWriter writer = new JsonTextWriter(sw);
        //if (this.FormatJsonOutput)
        //    writer.Formatting = Formatting.Indented;
        //else
        //    writer.Formatting = Formatting.None;
 
        writer.QuoteChar = '"';
        json.Serialize(writer, value);
 
        string output = sw.ToString();
        writer.Close();
        sw.Close();
 
        return output;
    }
}

Please Advice Thank you!
Vamsi       
Ajax
Vamsi
Top achievements
Rank 1
 answered on 17 Aug 2012
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
CheckBox
TagCloud
AjaxPanel
Barcode
NumericTextBox
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
3711 3712
3713
3714 3715
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how