【问题标题】:How to do Client side pagination for filtered data如何对过滤后的数据进行客户端分页
【发布时间】:2011-05-02 12:16:41
【问题描述】:

YAHOO.util.Event.addListener("genes", "change", function(e) { var value = YAHOO.util.Event.getTarget(e).value; 如果(雅虎.lang.isValue(值)){ myDataTable.getDataSource().sendRequest(null, { 成功:函数(请求、响应、有效负载){ this.initializeTable();

                var rs = response.results;
                var filtered = [];
                for(var i = 0; i < rs.length; i++) {
                      //alert(rs[i].gene);
                    if(rs[i].gene == value) {
                        filtered[filtered.length] = rs[i];
                    }
                }
                this.getRecordSet().setRecords(filtered, 0);
                this.render();
            },
            scope:myDataTable,
            argument:null
        });
    }
});

这是我过滤数据的代码。当我更改选择选项时,我得到了完美的数据。 但是分页不起作用,即使显示记录也显示为“0”。

谁能给我推荐一下。

谢谢!!

【问题讨论】:

    标签: yui-datatable


    【解决方案1】:

    你可以试试这个:

    dobMenuButton.subscribe("selectedMenuItemChange",function(e) {
      var value =e.newValue.value;
      if(YAHOO.lang.isValue(value)) {
        myDataTable.getDataSource().sendRequest(null, {
            success:function(request, response, payload) {
                this.initializeTable();
                var rs = response.results;
                var filtered = [];
                for(var i = 0; i < rs.length; i++) {
                    if(((rs[i].dateOfBirth).format("MM/dd/yyyy")) == value) {
                        filtered[filtered.length] = rs[i];
                    }
                }
                this.getRecordSet().reset();                                                 
                MCMPagination.paginatorvar.setTotalRecords(filtered.length,true);
                this.getRecordSet().setRecords(filtered, 0);
                this.render();
        },
        scope:myDataTable, 
            argument:myDataTable.getState()
        });
       }
     });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-03-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-03-24
      • 2016-06-12
      • 1970-01-01
      • 2020-04-14
      相关资源
      最近更新 更多