如何根据单列数据获取ui-grid行?

时间:2016-07-11 17:08:23

标签: javascript angularjs angular-ui-grid

我使用http://ui-grid.info/中的ui-grid。我已经尝试了很多东西,但是文档让我感到困惑(因为我最近开始学习角度)。

我做自定义搜索标记系统,我想根据用户的输入突出显示其中一行。

我做了一个吸引人,让你更容易理解我需要完成的事情。

http://plnkr.co/edit/hSiPmhFWjHqFWpru6y13

如果使用与表中任何名称匹配的名称填充输入   在First Name列中,它应该获取包含此名称的行   并使它的背景变红。

1 个答案:

答案 0 :(得分:0)

首先,您应该为您的财产定义观察者,或者可以通过ng-change指令处理它,我的工作解决方案

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

filter内部功能你应该过滤你的数据

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

并且在初始化时,您可以设置$scope.settings.data = $scope.mutatedSettingsCopy