以编程方式在Kendo网格AngularJS中选择一行

发布时间：2020-12-17 17:31:25 所属栏目：安全来源：网络整理

导读：有人可以帮助我以角度编程方式选择一个剑道网格行.我可以按行号选择一行.我无法找到一种方法来根据列的内容选择一行. HTML： body ng-controller="MainCtrl" pHello {{name}}!/p div kendo-grid="myGrid" k-options="myOptions" k-selectable="'row'" k-on-c

有人可以帮助我以角度编程方式选择一个剑道网格行.我可以按行号选择一行.我无法找到一种方法来根据列的内容选择一行.

HTML：

<body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <div kendo-grid="myGrid" k-options="myOptions"  k-selectable="'row'" k-on-change="myGridChange()"></div> 
  </body>

JS：

var app = angular.module('plunker',['kendo.directives']);

app.controller('MainCtrl',function($scope) {
  $scope.name = 'World';

  $scope.myOptions = {
    columns:[
      {
        field: 'ID'
      },{
        field: 'FirstName'
      },{
        field: 'LastName'
      },],dataSource: [
            {ID:139,FirstName:'John',LastName:'Doe'},{ID:250,FirstName:'Jane',LastName:'Smith'},{ID:376,FirstName:'Henry',LastName:'Rocks'}
            ],dataBound:function(e) {
              var grid = e.sender;
              grid.select("tr:eq(2)");
              grid.select("tr[FirstName='Henry'])");  // This doesn't work
      }
  };

  $scope.myGridChange = function(){
     var selectedRows = $scope.myGrid.select();             // This doesn't work
     console.log($scope.myGrid.dataItem(selectedRows[0]));
  };


});

此外,当以编程方式选择行时,我的网格更改事件中出现错误.手动选择行时,它工作正常.

这是我的傻瓜
http://plnkr.co/edit/PpDuSR10xNOxOVirDpfN?p=preview

解决方法

你应该把你的“tr”建立在id / uid上.如果你检查元素,它会告诉你在该表行中有什么属性.

dataBound:function(e) { 
                  var grid = e.sender;
                  var data = grid._data; //this is your array of data. make sure you check what's in your object array. log it to see.

                  data.forEach(function(entry) { 
                     if($scope.name === entry.name){ 
                        grid.select('tr[data-uid="' + entry.uid + '"]');  
                     }  
                  })
                },

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!