Hi, I'm able to get the row value now. I put the wrong object name in js.
I tried to have ContentPlaceHolderID + Grid name as below and it works.
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
function rowSelect() {
var obj = $("#MainContent_Grid1").ejGrid("instance");
//getSelectedRecords method will display the selected row in a grid
window.alert(obj.getSelectedRecords()[0].PONbr);
}
</script>
<div><h2>PO Approval</h2></div>
<div>
</div>
<div> </div>
<div>
<ej:Grid ID="Grid1" runat="server" CssClass="Grid1"
AllowFiltering="True" AllowSorting="True" AllowResizeToFit="True" AllowReordering="True"
AllowSelection="True" EnableLoadOnDemand="False">
<ClientSideEvents RowSelected ="rowSelect" />
<Columns>
<ej:Column DataType="string" Field="Comp" Width="60px" />
<ej:Column DataType="date" Field="PODate" Format="{0:dd/MM/yyyy}" />
<ej:Column DataType="string" Field="PONbr" />
<ej:Column DataType="string" Field="Currency" HeaderText="Cury" Width="60px" />
<ej:Column DataType="string" Field="SuppName" Width="200px" />
<ej:Column DataType="number" Field="Amt" TextAlign="Right" Format="{0:C2}" />
<ej:Column DataType="number" Field="GST" TextAlign="Right" Format="{0:C2}" />
<ej:Column DataType="number" Field="TotAmt" TextAlign="Right" Format="{0:C2}" />
<ej:Column DataType="string" Field="Status" Width="60px" />
</Columns>
<FilterSettings FilterType="Excel" />
</ej:Grid>
</div>
<div> </div>
</asp:Content>