I am binding my grid using AJAX and PageMethods like below
$(document).ready(function() {PageMethods.GetEmployees(updateGrid, err);//bindSourceGrid();});functionupdateGrid(result) {vartableView = $find("<%= SourceGrid.ClientID %>").get_masterTableView();tableView.set_dataSource(result);tableView.dataBind();}functionerr(e) {}function RadGrid1_DataBound(sender, args) {
alert("Grid with id: " + sender.get_element().id + " bound on the client");
}
function SourceGrid_RowDataBound(sender, args) {
}
function GridCreated(sender, eventArgs) {
}
I am getting result back from server, but during rendering getting javascript error (Please see the attached image). My aspx is like below which hasn't any master and an independent sample page with reference to JQuery. Any clue here would be appreciated.
<telerik:RadScriptManagerID="ScriptManager"runat="server"/><telerik:RadAjaxLoadingPanelID="RadAjaxLoadingPanel1"runat="server"></telerik:RadAjaxLoadingPanel><telerik:RadGridID="SourceGrid"runat="server"ShowGroupPanel="false"AllowSorting="false"ShowFooter="true"AllowPaging="false"HeaderStyle-CssClass="tableHeading br"AutoGenerateColumns="false"GridLines="Both"EnableViewState="false"><ClientSettings><VirtualizationEnableVirtualization="true"InitiallyCachedItemsCount="2000"ItemsPerView="100"/><ScrollingAllowScroll="true"UseStaticHeaders="true"></Scrolling><ResizingAllowColumnResize="true"/><ClientEventsOnCommand="SourceGrid_Command"OnGridCreated="GridCreated"OnRowDataBound="SourceGrid_RowDataBound"/></ClientSettings><ExportSettings><Excel/></ExportSettings><GroupingSettingsShowUnGroupButton="true"></GroupingSettings><MasterTableViewShowGroupFooter="false"GridLines="Both"DataKeyNames=""GroupHeaderItemStyle-Font-Underline="true"><CommandItemSettingsExportToPdfText="Export to PDF"></CommandItemSettings><RowIndicatorColumnFilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn><ExpandCollapseColumnVisible="True"FilterControlAltText="Filter ExpandColumn column"Created="True"></ExpandCollapseColumn><Columns>