How to get row of ui-grid based on data in single column?

0
votes

I use ui-grid from http://ui-grid.info/. I've tried many things already, but the docs are confusing for me (since I started learning angular recently).

I do custom search tag system and I want to highlight the one of the rows based on user's input.

I made a plunker to make it easier for you to understand what I need to accomplish.

http://plnkr.co/edit/hSiPmhFWjHqFWpru6y13

If you fill an input with a name that matches any name in the table in First Name column, it should get the row that contains this name and make it's background red.

1
javascriptangularjsangular-ui-grid

1 Answers

0
votes

first of all u should define watcher for your property or it can be handled by ng-change directive, its my working solution

<input data-ng-change="filter()" data-ng-model="filtervalue">

and inside filter function u should filter your data

$scope.mutatedSettingsCopy = [] - your data here
$scope.filter = function () {
    $scope.settings.data = $filter('filter')($scope.mutatedSettingsCopy , { $: $scope.filtervalue });
};

and on init u can set $scope.settings.data = $scope.mutatedSettingsCopy