javascript - Kendo 网格 - 调用 javascript 函数时出错 : "javascript runtime error: ' funcName' is undefined"

Question

我有一个 Kendo 网格，我正在尝试在选择一行后测试 javascript 函数调用。

<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>

和javascript:

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

网格即将显示时，我收到了 javascript runtime error: 'test' is undefined。我尝试了以下几行:

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

但没有运气

Answer 1

网格可能会在加载时立即触发 Change 事件，如果您的 java 脚本函数都定义在页面底部，它们可能还不可用。

解决方法是将 text() 函数移到此网格上方以确保它已定义。