小编lau*_*lga的帖子

Angular UI Grid:如何为列过滤创建预先填充的下拉菜单

我正在寻找有关Angular UI Grid功能的一些帮助.具体来说,我正在探索过滤,虽然我能够在我的应用程序中使用自由格式文本字段成功实现排序,就像他们在其网站上示例中所做的那样,我希望找到一些帮助,找到一种方法来使用预先填充的排序某些列的下拉菜单.

澄清一下:通过预先填充,我的意思是我希望通过我的代码填充下拉列表.我很好,如果解决方案包含硬编码数据,但我最终的目标是让预填充包含被排序的列的唯一数据值集:)

我在(例如)Kendo UI(kendodropdownlist)中看到了这个功能,但我对该解决方案附带的价格标签不感兴趣.我想坚持上面提到(和链接)的Angular UI-grid.在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' …
Run Code Online (Sandbox Code Playgroud)

angularjs drop-down-menu angular-ui-grid

19
推荐指数
2
解决办法
2万
查看次数

Angular UI-Grid:如何清除所有(一般Angular和内置UI-Grid)按钮上的列过滤器单击

如何在按钮单击时清除刷新所有(一般Angular和内置UI-Grid)过滤器?

背景:我构建了一个使用UI-Grid的应用程序,并利用了内置的过滤功能.它还有一个用角度写的跨列搜索.

当前战斗我希望能够通过单击按钮清除和刷新我的过滤器.到目前为止,我已经能够实现这一点用于跨列搜索,但是没有成功实现它用于内置列过滤器(具有讽刺意味的是,我认为这将是简单的部分!).

关于问题的研究:

1)通过UI-Grid教程搜索...失败

2)看看提供的UI-Grid API ......部分成功!好像我认为我在"clearAllFilters"函数中找到了我正在寻找的东西(这里是源代码),但我无法弄清楚如何实现它,所以在第3步...

3)用Google搜索疯狂的实现演示/示例/帮助/提示/任何东西!?...失败

4)在Stack Overflow上寻求帮助:)

提前致谢.

filtering angularjs angular-ui-grid

9
推荐指数
2
解决办法
1万
查看次数