Question

我想做什么

我正在尝试让我的一个列中的两个数字（在一列中），因此我可以按此列的范围过滤数值数据。所有其他排序和分页以及'包含文本'的过滤工作正常，但我不确定如何只使用一个特定的列来进行“范围”过滤。

我想要的图形表示

column_header1    columns_header2         column_header3

contain_filter1   contain_filter2         filter3_min_number
                                          filter3_max_number

  data                 data                   numeric data
    .                    .                          .
    .                    .                          .
    .                    .                          .

到目前为止我所拥有的

我在ng-table模块网站上找到了一个例子，我试图实现他们的代码，但是当我必须在'getData'中实现range函数时，我不知道如何处理它。我找到http://codepen.io/christianacca/pen/yNWeOP的示例 “年龄”数据的自定义过滤算法就是我所看到的。

我的app.js

$http.get("http://hostname:port/variant/whole/1-10000", {cache: true})
    .then(function (response) {

        $scope.variants = response.data;

        $scope.data = $scope.variants;
        var self = this;
        self.variantFilterDef = {
            start: {
                id: 'number',
                placeholder: 'Start'
            },
            end: {
                id: 'number',
                placeholder: 'End'
            }
        };
        self.variantsTable  = new NgTableParams({
            page:1,
            count: 10

        }, {

            filterOptions: { filterFn: variantRangeFilter },
            dataset: $scope.data,
            filterLayout: "horizontal"
        });

        function variantRangeFilter(data, filterValues/*, comparator*/){
            return data.filter(function(item){
                var start = filterValues.start == null ? Number.MIN_VALUE : filterValues.start;
                var end = filterValues.end == null ? Number.MAX_VALUE : filterValues.end;
                return start <= item.pos && end >= item.pos;
            });
        }



        /* from this part on, it is working code but no 'Range'  function


        $scope.variantsTable = new NgTableParams({
            page: 1,
            count: 10

        }, {
            total: $scope.variants.length,
            getData: function (params) {
                if (params.sorting()) {
                    $scope.data = $filter('orderBy')($scope.variants, params.orderBy());
                } else {
                    $scope.data = $scope.variants;
                }
                if (params.filter()) {
                    $scope.data = $filter('filter')($scope.data, params.filter());
                } else {
                    $scope.data = $scope.data;
                }
                $scope.data = $scope.data.slice((params.page() - 1) * params.count(), params.page() * params.count());
                return $scope.data;

        }


    });






 */



  });



});

我的variant.html

  <table ng-table="variantsTable" show-filter="true" class="table table-bordered table-striped table-condensed">
      <tr ng-repeat="variant in $data">


   <td data-title="'chrom'" sortable="'chrom'" filter="{ 'chrom': 'text' }" >
{{variant.chrom}}
   </td>

  <td data-title="'id'" sortable="'id'" filter="{ 'id': 'text' }" >
{{variant.id}}
  </td>


  <td data-title="'pos'" sortable = "'pos'" filter = "{ 'pos': 'text' }">
{{variant.pos}}
  </td>

我非常感谢任何建议或任何意见，谢谢！

Answer 1

ID表格单元格的过滤器属性不正确。

<td data-title="'id'" sortable="'id'" filter="variantFilterDef">
    {{variant.id}}
</td>

将其更改为：

<td data-title="'chrom'" sortable="'chrom'" filter="{ 'chrom': 'text' }">

修改

经过一些试验和错误后，我有了它的工作。我从您的代码示例开始并进行了一些更改。我使用了ControllerAs语法。但基本上修复是：

<td data-title="'chrom'" sortable="'chrom'" filter="{ 'name': 'text' }">

到<td data-title="'pos'" sortable = "'pos'" filter = "{ 'pos': 'text' }">

<td data-title="'pos'" sortable="'pos'" filter="variantCtrl.variantFilterDef">

到if (params.filter()) { self.data = $filter('filter')(self.data, {name: params.filter().name}); self.data = variantRangeFilter(self.data, params.filter()); } else { self.data = self.data; }

{name: params.filter().name})

主要问题是需要使用public class SDD { public static void main(String args[]) { int x=0, y=10; do{ ++x; y-=x++; }while(x<=7); System.out.println(y); } }＆amp;分隔出＃3中两列的过滤器。然后单独调用自定义Pos过滤器。

Codepen：http://codepen.io/anon/pen/QKBYOq?editors=1011

ng-table数字范围过滤器不起作用

1 个答案: