单击清除或选择kendo网格单元格

时间:2015-03-17 04:40:06

标签: javascript jquery asp.net-mvc-4 kendo-ui kendo-grid

我有一个kendo网格 - 有几个小时的列数周(我使用clienttemplate来显示它) 我还有一个编辑器模板来编辑这个列。我已将编辑模式设为Incell 现在我的要求是在单击单元格时选择单元格。我试过了:

function edit(e) {

    var input = e.container.find("input");      
        input.select();       
}

var currentDataItem = e.sender.dataItem(this.select());

但没用。请帮忙。

2 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

$("#grid").kendoGrid({
dataSource: {
    type: "json",  
    pageSize: 10,
    serverPaging: true,
    transport: {
        read: "http://whatever"
    }
},
selectable: "cell",
pageable: true,
columns: ["ProductID", "ProductName"],
change: function() {
      var dataItem = this.dataSource.view()[this.select().closest("tr").index()];
      alert(dataItem.UnitPrice);
}
}

答案 1 :(得分:0)

感谢您的帮助...... 我使用了以下代码,它正在运行

    var input = e.container.find("input");
    input.focus(function () {
    setTimeout(function () {
     input.select();
    });
    });