IRSF 是由javascript编写,iRSF快速简单易用的实现列表、排序、过滤功能(该三种操作以下简称为 RSF )。
iRSF由三个类组成。
iRSFSource 数据源 iRSFFilter 过滤器 iRSFSorter 排序器
iRSF 使用:
iRsf = new iRSF(); iRsf.draw = function(data){ //展现列表,data的结构为{property:[{data1},{data2}]},* property 可以自定义,由iRSFSource 指定。 }; //指定数据源 iRsf.setSource({ src:{items:[{id:1121,name:"dfsa"},{id:1122,name:"dfsa"}]}, property:"items" }); //添加过滤器 iRsf.addFilter("id",function(row){ return row.id==1121; }); //设置排序 iRsf.setSort(function(a,b){ return a.id-b.id; }); //执行,并重画列表 会调用iRsf.draw方法 iRsf.records();
iRsf 源码:
/** * 展现列表、排序、过滤(该三种操作以下简称为 RSF ) * iRSF快速简单易用的实现列表,排序,过滤等功能 * User: oshine * Date: 13-7-30 * Time: 上午11:31 */ function iRSFSource(setting) { this.property = setting.property || "items"; this.src = setting.src || {}; this.clonePropertyList = function() { var tmp_data = []; for(var i in this.src[this.property]) { tmp_data[i] = this.src[this.property][i]; } return tmp_data; }; this.clone = function() { var result = {}; var tmp_data = this.clonePropertyList(); return result[this.property] = tmp_data; } } function iRSFFilter() { this.filters = {}; this.filtering = function(src_data) { var ret = [],i= src_data.length-1; for(;i>=0;i--) { var flag = true; for(var j in this.filters) { var fn_filter = this.filters[j]; if(typeof fn_filter == "function") { flag = flag && fn_filter(src_data[i]); } if(!flag) { break; } } if(flag) { ret.push(src_data[i]); } } return ret; }; this.clearFilters = function() { for(var j in this.filters) { this.filters[j] = null; delete this.filters[j]; } } } function iRSFSorter() { this.sort = null; this.sorting = function(src_data) { if(this.sort === undefined || this.sort == null || typeof this.sort !== "function") { return src_data; } src_data.sort(this.sort); return src_data; } } function iRSF() { this.iSource = new iRSFSource({src:{},property:"items"}); this.sorter = new iRSFSorter(); this.filter = new iRSFFilter(); this.draw = null; this.setSource= function(setting) { this.iSource.src = setting.src || {}; this.iSource.property = setting.property || "items"; }; this.records = function() { var $data = this.iSource.clonePropertyList(); $data = this.filter.filtering($data); $data = this.sorter.sorting($data); var result = {}; result[this.iSource.property] = $data; if(this.draw !== undefined && this.draw !== null && typeof this.draw === "function") { this.draw(result); } return result; }; this.addFilter = function(name,filter) { this.filter.filters[name] = filter; }; this.removeFilter = function(name) { if(this.filter.filters[name] == undefined) { return true; } this.filter.filters[name] = null; delete this.filter.filters[name]; return true; }; this.setSort = function(sort) { this.sorter.sort = sort; }; this.clearSort = function() { this.sorter.sort = null; } }
iRSF快速简单易用的实现列表、排序、过滤功能
时间: 2024-10-09 07:19:25