[Solved] Grid client-side row selection

[Ronny]

Hi,
I have a gridview with the last column being an anchor tag, created using GridTemplateColumn as below, I can't seem to get the customerVehicleID value.
The idea is when I click on the edit anchor tag, the selected row value will be pass to a pop up window which I custom created using data toggle.
Please help...
Thanks!

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            var customerVehicleID;

            function rowSelected(sender, args) {
                customerVehicleID = getDataItemKeyValue(sender, args.get_gridDataItem());
            }

            function getDataItemKeyValue(radGrid, item) {
                return parseInt(radGrid.get_masterTableView().getCellByColumnUniqueName(item, "CustomerVehicleID").innerHTML);
            }
        </script>
</telerik:RadCodeBlock>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false">
        <ClientSettings>
            <ClientEvents OnRowSelected="rowSelected" />
        </ClientSettings>
        <MasterTableView>
            <Columns>
                <telerik:GridBoundColumn UniqueName="CustomerVehicleID" HeaderText="Customer Vehicle ID" DataField="CustomerVehicleID" />
                <telerik:GridBoundColumn HeaderText="Registration Plate" DataField="Registration" />
                <telerik:GridBoundColumn HeaderText="Vehicle Class" DataField="VehicleClass" />
                <telerik:GridBoundColumn HeaderText="Vehicle Make" DataField="VehicleMake" />
                <telerik:GridBoundColumn HeaderText="Model" DataField="VehicleModel" />
                <telerik:GridTemplateColumn UniqueName="MyColumn" HeaderText="Action">
                    <ItemTemplate>
                        <a href="#modal-type-1" data-toggle="modal">Edit</a>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

[Princy]

Hi Ronny,
 
I'm not sure of your requirement, however here is a code on how to access the cell of the selected row.
For more help,please post your code.

JAVASCRIPT:

function rowSelected(sender, args)
{
var grid = sender;
var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[args.get_itemIndexHierarchical()];
var cell = MasterTable.getCellByColumnUniqueName(row, "CustomerVehicleID").innerHTML;//here cell.innerHTML holds the value of the cell
alert(cell);
}

Thanks
Princy