Я ищу некоторую помощь в отношении функции Angular UI Grid. В частности, я изучаю filtering, и хотя мне удалось успешно выполнить сортировку с использованием текстового поля свободной формы ) в моем приложении, как в примере на своем сайте Я хотел бы помочь найти способ вместо этого сортировать, используя раскрывающееся меню с предустановленным населением для определенных столбцов.
Чтобы уточнить: По умолчанию я имею в виду, что я бы хотел, чтобы раскрывающийся список был заполнен через мой код. Я в порядке, если решение содержит жестко закодированные данные, но моя конечная цель состояла бы в том, чтобы предварительная совокупность состояла из уникального набора значений данных сортируемого столбца:)
Я видел эту функциональность в (например) пользовательском интерфейсе Kendo (kendodropdownlist), но меня не интересует ценовой тег, который поставляется вместе с этим решением. Я хотел бы придерживаться Angular UI-сетки, упомянутой (и связанной) выше. В StackOverflow я нашел один аналогичный вопрос, но, к сожалению, он, похоже, не сильно тяготел. Я надеюсь, что, давая более подробное объяснение того, что я ищу, я получу более полный ответ, чем я нашел там.
Вот что находится в моем контроллере:
var simpleMessagingApp = angular.module('MainAppCtrl', [ 'ngAnimate',
'ngTouch', 'ui.grid' ]);
simpleMessagingApp.controller('CacheTableCtrl', [ '$scope', '$http',
'uiGridConstants', function($scope, $http, uiGridConstants) {
$scope.columns = [ {
field : 'trans_detail',
displayName : 'Transaction'
}, {
field : 'cust_name',
displayName : 'Customer'
}, {
field : 'quantity',
displayName : 'Quantity',
filters : [ {
condition : uiGridConstants.filter.GREATER_THAN,
placeholder : 'greater than'
}, {
condition : uiGridConstants.filter.LESS_THAN,
placeholder : 'less than'
}
]
}, {
field : 'today_date',
displayName : 'Current Date'
} ];
$scope.gridOptions1 = {
enableSorting : true,
enableFiltering : true,
columnDefs : $scope.columns,
onRegisterApi : function(gridApi) {
$scope.grid1Api = gridApi;
}
};
$http.get("../services/Coherence/Cache").success(function(data) {
$scope.gridOptions1.data = data;
});
} ]);
Ниже представлен результат - с текстовыми полями свободной формы
В этом конкретном примере столбцы "Клиент", "Количество" и "Текущая дата" я бы, вероятно, оставил в виде выпадающих списков свободной формы, но мне бы очень хотелось, чтобы я мог фильтровать с использованием предварительно заполненного выпадающего списка для транзакций (и иметь его в моей панели инструментов для будущих проектов, конечно!).
Спасибо!