gpt4 book ai didi

javascript - 如何在 Angular ui-grid 中实现外部过滤器?

转载 作者:行者123 更新时间:2023-11-28 07:05:17 25 4
gpt4 key购买 nike

我有一个 Angular 应用程序。在使用 ui-grid 的应用程序中,想要对每一列进行过滤。我已经搜索了整个表格,并且成功了。这是我的 html:

<div class="col-md-12" ng-controller="FlatController as flat">
<div class="search-wrapper">
<div class="search-box">
<input type="text" class="form-control" ng-model="flat.searchText" ng-change="flat.refreshData()" placeholder="Search...">
</div>
</div>
<div class="ui-grid-wrapper">
<div ui-grid="flat.gridOptions" ui-grid-resize-columns ui-grid-auto-resize id="grid1" class="grid"></div>
</div>
</div>

这是我的 Controller :

angular.module('flatCtrl', ['flatService', 'ngTouch', 'ui.grid', 'ui.grid.resizeColumns', 'ui.grid.moveColumns', 'ui.grid.autoResize', 'ngSanitize', 'ui.select', 'ui.date'])
.controller('FlatController', ['Flat', 'socketio', '$filter', function(Flat, socketio, $filter){

vm = this;
Flat.allFlat()
.success(function(data){
vm.flats = data;
vm.gridOptions = {
data: data,
columnDefs: [
{field: 'id', displayName: 'Id', visible: false},
{field: 'creator', displayName: 'Creator', visible: false},
{field: 'typelocal', displayName: 'Typ lokalu', visible: true},
{field: 'country', displayName: 'Kraj', visible: true},
{field: 'city', displayName: 'Miejscowość', visible: true},
{field: 'district', displayName: 'Dzielnica', visible: true}
]
};
vm.refreshData = function() {
vm.gridOptions.data = $filter('filter')(vm.flats, vm.searchText, undefined);
};
});

也许谁知道如何在我的 html 中为每个 ui-grid 列添加输入?

最佳答案

您可以使用registerRowsProcessor

他们实际上在 website 中有一个例子。请看一下。

关于javascript - 如何在 Angular ui-grid 中实现外部过滤器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31760255/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com