自动选择kendo网格中的行

时间:2013-08-02 06:45:36

标签: grid kendo-ui

我有一个kendo网格,当点击一行时,会为每一行创建一个详细信息网格。

主网格中的每一行都有一列,例如用户的LifeTimeId。

当网格加载时,是否有办法使用特定的LifeTimeId自动选择网格中的行?

我在'dataBound'event中尝试了以下逻辑:

function () 
{
    var e1 = $("grid");
    var grid = e1.data("kendoGrid");
    var row = grid.table.find('tr[data-LifeTimeNumber="T006"]')
    grid.select(row);
}

我希望这会引发网格的变化事件。 在更改事件中,我有逻辑从该选定行检索其他数据并执行一些业务逻辑。

然而,这种方法从未奏效,因为dataBound事件中的上述代码无法选择行。

有什么线索可以解决在加载时自动选择网格中特定行的问题?

3 个答案:

答案 0 :(得分:0)

您可以在dataBound的函数中使用expandRow方法。

E.g。

function () 
{
    var e1 = $("grid");
    var grid = e1.data("kendoGrid");
    var row = grid.table.find('tr[data-LifeTimeNumber="T006"]');
    this.expandRow(row);
}

我在这里创建了一个示例:http://jsfiddle.net/amomsen/6GgAu/6/

有关展开行的详情,请参阅: http://docs.kendoui.com/api/web/grid#methods-expandRow

答案 1 :(得分:0)

初始化网格后,您可以尝试在setTimeout中运行您的函数。 适合我。

答案 2 :(得分:0)

var row = $("#grid").data("kendoGrid").table.find('tr[data-uid='+uid+']');
$(row).addClass('k-state-selected');

将类添加到dataBound事件中的特定行将是您想要的。