I still cant get this to work, Ive debugged the javascript and when i click the button, it goes into the code, but doesnt do anything, the alert method is never reached.

heres my grid (I want to access the ID by clicking a button in the grid)

@(Html.Infragistics()
                    .Grid(Model)
                    .ID("contractGrid")
                    .Width("100%")
                    .Height("275px")
                    .PrimaryKey("ID")
                    .AutoGenerateColumns(false)
                    .AutoGenerateLayouts(false)
                    .Columns(column =>
                    {
                        column.For(x => x.ContractId).HeaderText("Id").Width("5%");
                        column.For(x => x.ContractCommodity).HeaderText("Commodity").Width("15%");
                        column.For(x => x.ContractRef).HeaderText("Ref").Width("10%");
                        column.For(x => x.ContractDate).HeaderText("Date").Width("15%").DataType("date").Format("dd/MM/yyyy");
                        column.For(x => x.ContractStartDate).HeaderText("Start").Width("15%").DataType("date").Format("dd/MM/yyyy");
                        column.For(x => x.ContractEndDate).HeaderText("End").Width("15%").DataType("date").Format("dd/MM/yyyy");
                        column.For(x => x.ContractBuySell).HeaderText("Buy/Sell").Width("20%");
                        column.Unbound("View").Width("5%").Template("<input type='button' onclick='selectedRowsCellsValue()' value='View' class='btn btn-primary btn-xs' />").HeaderText("").Width("5%");
                    })
                    .Features(features =>
                    {
                        //features.Sorting().Type(OpType.Remote);
                        features.Paging().PageSize(10).Type(OpType.Remote).RecordCountKey("TotalRecordsCount");
                        features.Hiding().ColumnSettings(settings => settings.ColumnSetting().ColumnKey("ContractId").Hidden(true));
                        features.Selection().Activation(true).MultipleSelection(false);
                        //features.Filtering().Type(OpType.Remote);
                    })
                    .ResponseDataKey("Records")
                    .DataSourceUrl(Url.Action("GridGetData","Contract"))
                    .DataBind()
                    .Render())

and the javascript

function selectedRowsCellsValue() {
        var rowId;
        var rows = $("#contractGrid").igGridSelection("selectedRows");

        $.each(rows, function (ix, el) {
            rowId = el.element.attr("data-id");
            var cellValue = $("#contractGrid").igGrid("getCellValue", rowId, "ID");
            console.log(cellValue);
            alert(cellValue);
        });
    }

as soon as I reach this line

var rows = $("#contractGrid").igGridSelection("selectedRows");

code execution jumps out of the function, no alert is shown so its not doing the grid stuf

the rows variable is always null

I tried this

var grid = $("#contractGrid");  ----   grid has a value

then this

var rows = $("#contractGrid").igGridSelection("selectedRows");  --- rows is null

so the function fails

all Im trying to do is allow users to click a button in a row, get the primary id of the underlying data, then launch a new wndow using the primary key to retrieve data, simple, bog standard stuff that is something necessry for practically all web apps, why is this so difficult ??  Im wasting so much of my time just trying to get some pretty basic straightforward functionality.  Can you give me a WORKING example of the required functionality ?