首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Kendo Grid -查找单击单元格的列和行索引

Kendo Grid -查找单击单元格的列和行索引
EN

Stack Overflow用户
提问于 2015-03-05 01:19:23
回答 1查看 9.9K关注 0票数 5

我有一个Kendo UI数据网格,属性为data-selectable="cell“。我也想

1)捕获任何单元格被单击的事件-无论是从标题行还是从网格中的任何其他行

2)查找该单元格的列和行的索引

我试过这个代码了-

Kendo UI Grid: Select single cell, get back DataItem, and prevent specific cells from being selected?

行索引使用此代码,列不工作-总是返回-1。此外,这个事件会在页面加载时触发5次--不仅仅是单元格点击。

EN

回答 1

Stack Overflow用户

发布于 2015-03-07 14:14:59

对于单个单元格选择

http://dojo.telerik.com/@harsh/aToKe读取变更事件的评论

代码:

代码语言:javascript
代码运行次数:0
运行
复制
$("#grid").kendoGrid({
      dataSource: {
          type: "odata",
          transport: {
              read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
          },
          pageSize: 20
      },
      height: 300,
      sortable: true,
      selectable: 'cell',
      pageable: {
          refresh: true,
          pageSizes: true,
          buttonCount: 5
      },
      change: function (e) {
          var $grid = e.sender; //grid ref
          var $cell = $grid.select(); // selected td
          var $row = $cell.closest('tr'); //selected tr
          var row_uid = $row.attr('data-uid'); //uid of selected row
          var cell_index = $cell.index(); //cell index 0 based
          var row_index = $row.index(); //row index 0 based
          var row_data = $grid.dataItem($row).toJSON(); //selected row data

          console.log(row_data);
      },
      columns: [{
          field: "ContactName",
          title: "Contact Name",
          width: 200
      }, {
          field: "ContactTitle",
          title: "Contact Title"
      }, {
          field: "CompanyName",
          title: "Company Name"
      }, {
          field: "Country",
          width: 150
      }]
  });
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28860778

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档