Измените свой dataBound на это, это ищет всю строку для этого поискового запроса:

  dataBound:function(e) {
        var searchTerm = "Henry";
        var grid = e.sender;  
        grid.select("tr:contains('" + searchTerm + "')");
  }

Или для поиска только по одному столбцу сделайте следующее:

  dataBound:function(e) {
    var grid = e.sender;
    $.each(grid.tbody.find('tr'),function(){
      var model = grid.dataItem(this);
      if(model.FirstName=="Henry"){
        grid.select(this);
      }                          
    });
  }

Что касается вашей ошибки консоли, добавьте id="grid" в свою сетку на странице индекса и замените свой myGridChange на это:

$scope.myGridChange = function(){
    var grid = $scope.myGrid;
    if(!grid)
      grid = $("#grid").data("kendoGrid");
    var selectedRows = grid.select(); 
    var data = grid.dataItem(selectedRows[0]);
    console.log("The name is " + data.FirstName + ", "+ data.FirstName + " " + data.LastName);
};

Вы получали ошибку консоли, потому что сетка не была прикреплена к $scope в команде выбора в функции привязки данных, в результате чего ссылка на сетку была нулевой. Я не очень разбираюсь в angular JS, но выше я применил хакерское решение, назначив сетку и идентификатор, а затем получив сетку из этого селектора идентификатора.

Вы должны основывать свой «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 + '"]');  
                     }  
                  })
                },

та же проблема: вызов $scope.myGrid.select(someRow) не работает. Код не генерирует исключение, а просто игнорирует вызов.

Чтобы заставить его работать, я поместил его в setTimeout:

setTimeout(function () {
  $scope.grid.select(someRow);
});

Это не элегантно, но работает без лишнего LoC. Я надеюсь, что Telerik исправит это в будущем выпуске.

Программист

В используемой вами версии кендо это вероятно невозможно. Используя последнюю версию, вы можете сделать это:

Чтобы улучшить myGridChange():

1. изменить

k-on-change="myGridChange()"

to

k-on-change="myGridChange( dataItem )"

2. изменить

$scope.myGridChange = function(){
  // some code
}

to

$scope.myGridChange = function( dataItem ){
  // dataItem will contain the row that was selected
}

В основном вы должны сохранить выбранную строку где-нибудь в вашей модели/контроллере.

Чтобы программно выбрать строку

$scope.myGrid.select(); // this will not work. 

Это смешивание кода Kendo с AngularJs. Иногда нам приходится это делать, но давайте по возможности избегать этого.

Быстрый ответ: нет никакого способа сделать это. Что вам нужно сделать, это:

1. Добавьте стиль CSS в строку.
2. Измените свою модель, чтобы запомнить, какая строка была выбрана программно.

Длинный ответ здесь на моей веб-странице . Да, я прошел через ту же боль, что и ты.