javascript - 如何在服务器端过滤提供的 ui-grid 列中为过滤器创建多重选择？

Question

我在页面上有一个 ui-grid，启用了服务器端分页和服务器端过滤，目前它只有一个下拉列表，显示来自服务器的每页 json 中所有页面的可能值。

现在我需要用户提供从下拉列表中选择多个值(如多选下拉列表)的选项，然后点击服务并收集分页数据并刷新 ui 网格。

我遇到过很多解决方案，但没有人给我服务器端解决方案，所有解决方案都与单个 json 源有关:

1. ui-grid - <http://ui-grid.info/docs/#/tutorial/306_custom_filters>
> I cannot use it as my options can be lengthier and also will be the grid look uneven and user experience will be bad

2. Using angular-dropdown-multiselect.js directive  - <http://plnkr.co/edit/MLT02DpcwoL0AK2QClow?p=preview>
> This looks fine but it is having the options hardcoded and no server interaction

3. Using custom multi select - <http://www.c-sharpcorner.com/article/how-to-create-a-custom-multi-select-filter-for-ui-grid-in-angularjs-1-x/>
> Only problem is this one is in Angular 2 or above and my application is Angular 1.4.0

请建议一些解决方案，以便我可以从服务器端响应中填充选项，并在选择时与服务器交互以获取 ui-grid 的数据集。

Answer 1

2. Using angular-dropdown-multiselect.js directive

您可以在 multiSelectCtrl 中重写 showModal 方法，以从 API 中获取所有可用的过滤选项。

此外，在此方法中，您可以使用 $scope.col.grid - 您可以从那里获取“选择”值 (grid.columns[i].filters.selectOptions)