Interesting behavior

[Mark-Keller]

When I click on a row I get:
Unhandled exception at line 666, column 21 in http://localhost:58239/Scripts/jquery.bootgrid.js
0x800a138f - JavaScript runtime error: Unable to get property 'from' of undefined or null reference
I changed row-id to data-row-id to match your DOM. No change. Your grid is fantastic. Am I doing something wrong. I'm following your command buttons example in MVC 5. Thanks

tbody.off("click" + namespace, "> tr")
.on("click" + namespace, "> tr", function(e)
{
e.stopPropagation();

            var $this = $(this),
                id = that.converter.from($this.data("data-row-id")),
                row = (this.identifier == null) ? that.currentRows[id] : 
                    that.currentRows.first(function (item) { return item[that.identifier] === id; });

            if (selection && that.options.rowSelect)
            {
                if ($this.hasClass(that.options.css.selected))
                {
                    that.deselect([id]);
                }
                else
                {
                    that.select([id]);
                }
            }

            that.element.trigger("click" + namespace, [that.columns, row]);
        });
}

[latuszek]

I can confirm (have the same problem after register click event):

TypeError: that.converter is null
...){e.stopPropagation();var $this=$(this),id=that.converter.from($this.data("row-i...

Here's my initialization code:

$("#my-table").bootgrid({
    ajax: true,
    url: myUrl,
    columnSelection: false,
    rowCount: [ 5, 10, 15, 20, 25 ],
    labels: (...),
    templates: (...),
    requestHandler: function(rq) {
        return JSON.stringify(rq);
    },
    responseHandler: function(rs) {
        return rs;
    },
    formatters: {
        (...)
    }
}).on("loaded.rs.jquery.bootgrid", function (e) {
    // Add table row hover effect after data is loaded
}).on("click.rs.jquery.bootgrid", function (e, cols, rows) {
    console.log("CLICKED/");
    console.log(e);
    console.log(cols);
    console.log(rows);
});

[latuszek]

// id = that.converter.from($this.data("row-id")),
id = $this.data("row-id"),

This works OK as a workaroud for me. [Line 665 in jquery.bootgrid.js]

[rstaib]

I will check that but it would be nice if you could provide me a jsfiddle, cause my time is limited.

[latuszek]

Sorry, but currently I have limited time also and I cannot find anything that would help me do that not wasting it too much (e.g. external link to bootgrid JS/CSS, etc.).