分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了以编程方式在Kendo网格AngularJS中选择一行，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

<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 + '"]');  
                     }  
                  })
                },