ng动态表的自定义过滤器

时间:2015-12-30 13:10:04

标签: javascript angularjs ngtable

我有一个动态ngTable,我为此创建了一个自定义日期时间过滤器:

// Generate table columns.

function generateColumns(sampleData) {
    var colNames = Object.getOwnPropertyNames(sampleData);
    var cols = colNames.map(function (name, idx) {
    if (name == 'date') {
        var filter = {};
        filter[name] = 'partials/dateFilter.tpl.html';
        return {
           title: name,
           sortable: name,
           filter: filter,
           filterOptions: { filterFn: dateFilter },
           filterLayout: "horizontal",
           show: true,
           field: name
        };
   } 
...

这种方式在我的表格中,在正确的列上,我可以看到一个日期选择器而不是过滤器的通常文本输入。

我的表数据只需执行以下操作即可初始化:

// Initialize table parameters.
$scope.tableParams = new NgTableParams({
    page: 1, // show first page.
    count: 25 // counts per page.
}, {
    filterDelay: 0,
    dataset: $scope.testDataList
});

我不知道该怎么办,实际上是在我选择日期后过滤数据。我的dateFilter函数现在只包含log消息,但从不调用它。

基本上我会改变元素上的日期,但ngTable没有以某种方式作出反应,这是最大的问题。

如何根据所选日期过滤表格内容?

0 个答案:

没有答案