AngularJS の ngGrid モジュールを使用して、ページ化されたデータを表示しています。複数の列を検索できるようにしたいのですが、OR 検索を使用します。
次の見出しを持つ列があるとしましょう:ID、名前、説明。検索すると、ID OR 名前 OR 説明のいずれかに検索語が含まれるすべての行が返されます。
$scope.pagingOptions = {
pageSizes: [20, 50, 100],
pageSize: 20,
totalServerItems: 0,
currentPage: 1
};
$scope.gridOptions =
{
data: 'myData',
columnDefs: [
{ field: 'id', displayName: 'Id' },
{ field: 'name', displayName: 'Name' },
{ field: 'description', displayName: 'Description' },
{ displayName: 'Actions', cellTemplate: '<input type="button" data-ng-click="doSomething(row.entity)" value="Do Something" />'}],
enablePaging: true,
showFooter: true,
showFilter: true,
pagingOptions: $scope.pagingOptions,
filterOptions: {
filterText: "",
useExternalFilter: false
}
};
デフォルトの検索ボックスを使用してみました。また、$scope.filterText にバインドされた外部入力ボックスを使用して、次のようなカスタム フィルターを定義してみました。
$scope.filterUpdated = function () {
$scope.gridOptions.filterOptions.filterText = 'id:' + $scope.filterText + ';name:' + $scope.filterText + ';description:' + $scope.filterText;
};
ただし、これはすべての列で AND を実行しているようです。ngGrid モジュールを使用して目的を達成することは可能ですか?
前もって感謝します、
クリス