Estoy buscando ayuda con respecto a una característica delRejilla de IU angular. Específicamente estoy explorandofiltración y aunque pude implementar con éxito la clasificación utilizando campos de texto de formulario libre en mi aplicación como lo hacen en elejemplo en su sitio Me gustaría obtener ayuda para encontrar una manera de ordenar usando un menú desplegable previamente completado para ciertas columnas.

Para aclarar: Por rellenado previamente quiero decir que me gustaría que el menú desplegable se rellene a través de mi código. Estoy bien si la solución contiene datos codificados, pero mi objetivo final sería que la población previa esté compuesta porúnico conjunto de valores de datos de la columna que se está ordenando :)

He visto esta funcionalidad en (por ejemplo) la interfaz de usuario de Kendo (kendodropdownlist) pero no estoy interesado en el precio que viene con esa solución. Me gustaría seguir con la cuadrícula de IU angular mencionada anteriormente (y vinculada). En StackOverflow encontré unopregunta similar pero desafortunadamente no parece haber tenido mucha tracción. Espero que al dar una explicación más detallada de lo que estoy buscando, reciba una respuesta más completa que la que encontré allí.

Esto es lo que hay actualmente en mi controlador:

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;
    });

} ]);

A continuación se muestra la salida, con los campos de texto de forma libre.

Para estas columnas de ejemplo específicas Cliente, Cantidad y Fecha actual, probablemente dejaría como menús desplegables de forma libre, pero realmente me gustaría poder filtrar usando un menú desplegable previamente rellenado para las transacciones (y tenerlo en mi caja de herramientas para futuros proyectos, por supuesto!

¡Gracias!