Kendo grid - error when calling javascript function: "javascript runtime error: 'funcName' is undefined"

Question

I've got a Kendo grid and I'm trying to test a javascript function call after selecting a row.

<div id="datagrid">
    @(Html.Kendo().Grid(Model)
        .Name("datagrid_Concessoes")
        .Columns(columns =>
        {
            columns.Bound(c => c.Id).Width(70);
            columns.Bound(c => c.Code).Title("Código");
            columns.Bound(c => c.Description).Title("Descrição");
            columns.Bound(c => c.CreationDate).Title("Data de Criação");
            columns.Bound(c => c.CreationUser).Title("Criado por");
        })
        .HtmlAttributes(new { style = "height: 534px;" })
        .Scrollable()
        .Sortable()
        .Selectable()
        .Events(e => e.Change("test"))
        .Pageable(pageable => pageable
            .Refresh(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(15)
            .Read(read => read.Action("GetConcessoes", "MasterData"))
        )
     )
</div>

and the javascript:

function test() {
    alert("test");
}

I get a javascript runtime error: 'test' is undefined as soon as the grid is about to be displayed. I tried the lines:

.Events(e => e.Change("test"))
.Events(e => e.Change("test()"))

but without luck

Could you try placing the function immediately before the grid & see what happens? It could just be that the function isn't defined yet — Andrew Walters
– Andrew Walters, Commented Jul 8, 2014 at 13:22
@mo.esmp, kendoUi version is the latest and jquery is 1.7.1 — chiapa
– chiapa, Commented Jul 8, 2014 at 13:35
@AndrewWalters, I placed it on top of the View and it works! (??!) Why is that? Because I have another function at the bottom of the View code and it is working fine! — chiapa
– chiapa, Commented Jul 8, 2014 at 13:39
The grid was trying to call the function before it was rendered on the page most likely — Andrew Walters
– Andrew Walters, Commented Jul 8, 2014 at 13:40

Andrew Walters · Accepted Answer · 2014-07-08 13:47:41Z

2

The grid is probably firing a Change event immediately on load, and if your java script functions are all defined at the bottom of the page they may not be available yet.

A work around would be moving the text() function up above this grid to ensure it's defined.

answered Jul 8, 2014 at 13:47

Andrew Walters

4,8036 gold badges37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohsen Esmailpour · Accepted Answer · 2014-07-08 13:54:24Z

1

That's odd but according to a bug report in telerik forum (Grid row selection change event not firing) it works fine with jQuery version 1.7.2. Try version 1.7.2 and see it works or not.

answered Jul 8, 2014 at 13:54

Mohsen Esmailpour

11.6k3 gold badges49 silver badges70 bronze badges

1 Comment

chiapa Over a year ago

+1 for the link and suggestion of newer jQuery version

Collectives™ on Stack Overflow

Kendo grid - error when calling javascript function: "javascript runtime error: 'funcName' is undefined"

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related