如何检测在 Kendo UI Grid 中创建的网格行？

Question

我正在使用从异步调用加载的 Kendo UI Grid 对象（Javascript 版本）。行是从为每行定义多个按钮的行模板创建的 - 这些是纯 HTML INPUT 元素 - 所有处理它们的代码都在单独的 Javascript 文件中。

创建网格时（即所有TR 元素已由Grid 控件在DOM 中创建）我需要遍历所有行并将事件处理程序附加到各种按钮并更新一些他们的属性。我的问题是我无法弄清楚网格何时创建了 DOM 元素（TR-s）。我尝试使用 dataBound 触发的事件，但尚未创建网格 DOM - 只能操作响应数据。我也尝试了detailInit 事件，但它没有被触发（我并不感到惊讶 - 网格没有细节项）。

我找到了this Telerik forum，Telerik 代表建议使用setTimeout() 来轮询元素是否存在于 DOM 中。我很难相信这个有问题的解决方案是应该作为回调构建到网格中的唯一方法。

所以我的问题是，有没有一种可靠的方法可以检测刷新后网格 DOM 何时准备就绪？或者，有没有办法检测每个TR 元素的创建（一个一个）？

编辑

添加代码：

var oDataSource =
{
    type : "odata",
    error : function ( oEvent )
    {
        // show error
    },
    transport :
    {
        read :
        {
            url : "http://url.com/...",
            dataType : "json"
        }
    },
    schema :
    {
        data : function ( oData )
        {
            return ( oData["value"] );
        },
        total : function ( oData )
        {
            return ( oData["odata.count"] );
        },
        model :
        {
            fields :
            {
                /* Model definition */
            }
        },
        pageSize : 15,
        serverPaging : true,
        serverFiltering : true,
        serverSorting : true
    }
};

var oGridSettings =
{
    dataSource : oDataSource,
    rowTemplate : kendo.template ( $( "#detail-row-template" ).html () ),
    sortable : true,
    pageable : true,
    columns :
    [
        /* Column definitions */
    ]
};

oDiv.kendoGrid ( oGridSettings );

Answer 1

根据剑道文档

http://docs.kendoui.com/api/framework/datasource#configuration-transport.read

数据源使用jQuery.ajax向远程发起HTTP请求 服务。通过 transport.read 配置的值被传递给 jQuery.ajax。这意味着您可以设置所有支持的选项 jQuery.ajax 通过 transport.read 除了成功和错误回调 运输使用的功能。

因此，您可以将complete 回调函数添加到数据源的transport.read 函数中，如下所示：

transport :
{
    read :
    {
        url : "http://url.com/...",
        dataType : "json",
        complete: function(data, status) {
            if (status === "success") {
                // your code that will be executed once the request is done
            }
        }
    }
},