Flex 通用的表格过滤处理

本文介绍了一种针对FlexAdvancedDataGrid的表格过滤通用化处理方案,重点在于如何使用ArrayCollection作为数据源并实现灵活的过滤功能。通过构造过滤条件列表和实现过滤函数,可以支持多种操作符和逻辑组合。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在上文“Flex AdvancedDataGrid表格过滤”中介绍了flat dataHierarchicalData的过滤处理,并且提到所谓表格过滤实质上就是表格的数据源过滤。本文继续假设表格的最终数据源就是Arraycollection,则表格过滤通用化处理,就是arraycollectionfilterFunction通用化处理。

思路如下:

1)构造过滤条件列表;

2)过滤函数实现,根据过滤条件列表逐个进行验证,最终返回true或者false验证结果;

实现如下:

1)构造过滤条件列表

条件列表本身是一个array Collection,假设为conditions,其放置的对象为条件过滤对象,主要有4个元素:

column:要过滤的列名;

operator:操作符,有等于(=)、小于(<)、大于(>)、不等于(!=)、小于等于(<=)、大于等于(>=)like(.)not like(!.);

comparevalue:比较值

logical:逻辑值,andor

2filterFunction实现

为了增加代码松耦合,将过滤处理的核心代码写成了一个类DataGridFilter,代码如下:

public class DataGridFilter

{

private static const LOGICAL_AND:String = "AND";

private static const LOGICAL_OR:String = "OR";

//

private static const OPERATOR_EQ:String = "=";

private static const OPERATOR_LT:String = "<";

private static const OPERATOR_GT:String = ">";

private static const OPERATOR_LE:String = "<=";

private static const OPERATOR_GE:String = ">=";

private static const OPERATOR_NE:String = "!=";

private static const OPERATOR_LIKE:String = ".";

private static const OPERATOR_NOTLIKE:String = "!.";

//

public function DataGridFilter()

{

}

public function isMatched(item:Object, conditions:ArrayCollection):Boolean{

var ismatched:Boolean = true;

for(var i:int=0; i<conditions.length; i++){

if(i==0){

ismatched = isMatchedObject(item,conditions[i]);

}else{

if(conditions[i-1]["logical"]==LOGICAL_AND){

ismatched = ismatched && isMatchedObject(item,conditions[i]);

}else{

ismatched = ismatched || isMatchedObject(item,conditions[i]);

}

}

}

return ismatched;

}

private function isEQ(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1==value2;

}

}

private function isLT(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1<value2;

}

}

private function isGT(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1>value2;

}

}

private function isLE(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1<=value2;

}

}

private function isGE(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1>=value2;

}

}

private function isNE(value1:Object, value2:Object):Boolean{

return true;

}

private function isLIKE(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1.indexOf(value2)>-1;

}

}

private function isNOTLIKE(value1:Object, value2:Object):Boolean{

if(value1==null){

return false;

}else{

return value1.indexOf(value2)==-1;

}

}

public function isMatchedObject(item:Object, condition:Object):Boolean{

var value1:Object = item[condition["column"]];

var value2:Object = condition["comparevalue"];

switch(condition["operator"]){

标题基于SpringBoot+Vue的社区便民服务平台研究AI更换标题第1章引言介绍社区便民服务平台的研究背景、意义,以及基于SpringBoot+Vue技术的研究现状和创新点。1.1研究背景与意义分析社区便民服务的重要性,以及SpringBoot+Vue技术在平台建设中的优势。1.2国内外研究现状概述国内外在社区便民服务平台方面的发展现状。1.3研究方法与创新点阐述本文采用的研究方法和在SpringBoot+Vue技术应用上的创新之处。第2章相关理论介绍SpringBoot和Vue的相关理论基础,以及它们在社区便民服务平台中的应用。2.1SpringBoot技术概述解释SpringBoot的基本概念、特点及其在便民服务平台中的应用价值。2.2Vue技术概述阐述Vue的核心思想、技术特性及其在前端界面开发中的优势。2.3SpringBoot与Vue的整合应用探讨SpringBoot与Vue如何有效整合,以提升社区便民服务平台的性能。第3章平台需求分析与设计分析社区便民服务平台的需求,并基于SpringBoot+Vue技术进行平台设计。3.1需求分析明确平台需满足的功能需求和性能需求。3.2架构设计设计平台的整体架构,包括前后端分离、模块化设计等思想。3.3数据库设计根据平台需求设计合理的数据库结构,包括数据表、字段等。第4章平台实现与关键技术详细阐述基于SpringBoot+Vue的社区便民服务平台的实现过程及关键技术。4.1后端服务实现使用SpringBoot实现后端服务,包括用户管理、服务管理等核心功能。4.2前端界面实现采用Vue技术实现前端界面,提供友好的用户交互体验。4.3前后端交互技术探讨前后端数据交互的方式,如RESTful API、WebSocket等。第5章平台测试与优化对实现的社区便民服务平台进行全面测试,并针对问题进行优化。5.1测试环境与工具介绍测试
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值