Hi,

I'm using Rad grid in one my page. The page has a master page and I placed the grid in its child page. I'm binding the grid with the below code, since the code is called on the search button click event , we placed this separately
 

function BindUnAssignedPeopleGrid(result) {
var grid = $find("<%= grdUnassigned.ClientID %>")
var masterTableView = grid.get_masterTableView();
RemoveNoRecordRow(masterTableView.get_element());
if (result == null || result == '' || result == 'undefined') {
result = new Array();
}
masterTableView.set_dataSource(result);
masterTableView.dataBind();
}

and the designer page grid

<telerik:RadGrid ID="grdUnassigned" runat="server" Height="253px" AutoGenerateColumns="False"
GridLines="None" AllowMultiRowSelection="True" Skin="Vista" AllowSorting="true" OnSortCommand="grdUnassigned_SortCommand">
<MasterTableView DataKeyNames="PersonID,Name" TableLayout="Fixed" ClientDataKeyNames="PersonID,Name">
<Columns>
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" ItemStyle-Width="100%">
</telerik:GridBoundColumn>
</Columns>
<RowIndicatorColumn>
<HeaderStyle Width="30px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="30px"></HeaderStyle>
</ExpandCollapseColumn>
</MasterTableView>
<ClientSettings AllowColumnHide="True" EnablePostBackOnRowClick="false">
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
<FilterMenu EnableTheming="True">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
<FilterItemStyle BackColor="#CCFFFF" />
</telerik:RadGrid>

and in serverside sorting( we need everything to be done in client side, help me in this to sort in client side itself)

protected void grdUnassigned_SortCommand(object source, GridSortCommandEventArgs e)
{
try 
{

if (!e.Item.OwnerTableView.SortExpressions.ContainsExpression(e.SortExpression))
 {
GridSortExpression sortExpr = new GridSortExpression();
sortExpr.FieldName = e.SortExpression;
sortExpr.SortOrder = GridSortOrder.Descending;
e.Item.OwnerTableView.SortExpressions.AddSortExpression(sortExpr);
}
}
catch (Exception ex)
 
{
}}

but when i do sorting i'm getting "Sys.webforms.pagerequestmanagerparserErrorexception " error. please help me to solve this. I need everything to be done in client side.

Thanks in advance

Its urgent please help me ASAP. 

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" 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 id="dvError">

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

</asp:ScriptManager>

</div>

<div>

<telerik:RadSplitter BackColor="Transparent" ID="Radsplitter1" runat="server" Height="707px"

Width="940" Skin="Default" BorderSize="0" BorderStyle="None" PanesBorderSize="0">

<telerik:RadPane BorderStyle="None" ID="MiddlePane" runat="server" BorderWidth="0px">

<div id="reportPane">

</div>

</telerik:RadPane>

<telerik:RadPane BorderStyle="None" ID="RightPane" BackColor="Transparent" runat="server"

Width="32" Scrolling="none">

<telerik:RadSlidingZone ID="RightSlidingZone1" runat="server" BorderStyle="None"

ClickToOpen="True" SlideDirection="left" Width="32">

<telerik:RadSlidingPane ID="RightSlidingPane1" runat="server" EnableTheming="true"

IconUrl="Images/expandpanel-label-closed.gif" Scrolling="None" Width="910px">

<div id="divTest" style="display: block">

<table>

<tr>

<td>

<input type="button" onclick="testfunction()" value="collapse" />

</td>

</tr>

</table>

</div>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

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

<script type="text/javascript">

var slidingZone = <%= RightSlidingZone1.ClientID %>;

var splitter = <%= Radsplitter1.ClientID %>;

var slidingpane = <%=RightPane.ClientID %>

function testfunction()

{

paneId =

"<%= RightPane.ClientID %>";

var splitter = $find("<%= RadSplitter1.ClientID %>");

var pane = splitter.getPaneById(paneId);

if (pane)

{

alert(pane);

pane.collapse();

//$get("divTest").style.display = "none";

else

"Pane with ID '" + paneId + "' not found.");

}

}

</script>

</telerik:RadCodeBlock>

body>

</

html>

Each grdItem As GridDataItem In radResourcesList.MasterTableView.Items

    If TypeOf grdItem Is GridEditableItem Then

        Dim editableItem As GridEditableItem = CType(grdItem, GridDataItem)

        editableItem.Edit =

True

    End If        
Next

you help is appreciated

thanks
Tony