`
msyspacer
  • 浏览: 9925 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Flex 使用filter过滤数据

 
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					  xmlns:s="library://ns.adobe.com/flex/spark" 
					  xmlns:mx="library://ns.adobe.com/flex/mx"
					  applicationComplete="init()">
	<fx:Script>
		<![CDATA[ 
		import mx.collections.ArrayCollection; 
		import mx.events.CloseEvent; 
		public var temp:String=""; 
		[Bindable]
			private var filteredArr:Array; 
		[Bindable]
			private var plistArr:Array; 
		[Bindable]  
		public var users:Array =
			[{id:1,name:"赵一", dept:"一年级"},
			{id:2,name:"钱二", dept:"一年级"},
			{id:3,name:"孙三", dept:"二年级"},
			{id:4,name:"李四", dept:"一年级"},
			{id:3,name:"周五", dept:"二年级"},
			{id:3,name:"吴六", dept:"三年级"},
			{id:3,name:"郑七", dept:"三年级"},]; 
		
		private function init():void{ 
		filteredArr = users.filter(removedDuplicates);
		temp=combox.selectedItem.toString(); 
		plistArr=users.filter(conditionFunction); 
		} 
		private var keys:Object = {}; 
		private function removedDuplicates(item:Object, idx:uint, arr:Array):Boolean { 
		if (keys.hasOwnProperty(item.dept)) { 
		return false; 
		} else { 
		keys[item.dept] = item; 
		return true; 
		} 
		} 
		private function closeHandler(event:Event):void { 
		temp=String(ComboBox(event.target).selectedItem.dept); 
		plistArr=users.filter(conditionFunction); 
		} 
		
		private function conditionFunction(item:Object, idx:uint, arr:Array):Boolean { 
		if (item.dept==temp){ 
		return true ;  
		}else{ 
		return false; 
		} 
		}
		]]> 
	</fx:Script> 
	<mx:Form width="293" height="152" horizontalCenter="0" verticalCenter="0" borderStyle="solid"> 
		<mx:FormItem label="学年:" width="250"> 
			<mx:ComboBox id="combox" close="closeHandler(event);" labelField="dept" dataProvider="{filteredArr}" selectedIndex="0" width="100%">
			</mx:ComboBox> 
		</mx:FormItem> 
		<mx:FormItem width="250"> 
			<mx:Repeater id="checkBoxRepeater" dataProvider="{plistArr}">
				<mx:CheckBox id="checkBox" label="{checkBoxRepeater.currentItem.name}"/>  
			</mx:Repeater>
			
		</mx:FormItem> 
		
	</mx:Form> 
</s:WindowedApplication>

 

分享到:
评论

相关推荐

    Flex文本框数据过滤

    // 根据输入的文本过滤数据 // ... } ]]&gt; &lt;!-- 组件外观 --&gt; (event)" /&gt; ``` 在上面的代码中,我们定义了一个私有变量`_filteredData`来存储过滤后的数据,并在`textInput_changeHandler`函数中监听文本...

    Flex过滤DataGrid显示的数据

    此外,Flex还提供了高级过滤功能,如使用FilterCriteria类,可以创建复杂的过滤条件,包括多个条件的逻辑组合。这可以实现更复杂的过滤需求,比如同时满足多个条件的数据。 在实际项目中,为了提高用户体验,我们...

    Flex实现自动过滤ComboBox

    在Flex编程中,ComboBox是一个常用...总之,“Flex实现自动过滤ComboBox”这个话题涉及到Flex组件的自定义、事件监听、数据过滤等多个知识点。通过理解并实践这些代码,开发者可以为用户提供更智能、更友好的交互体验。

    Flex-DataGrid使用关键字过滤结果

    此外,为了提高性能,可以考虑使用缓存机制,只在用户输入新的关键词时才重新过滤数据,而不是每次按键都过滤。同时,过滤操作可能需要在UI线程之外执行,以避免阻塞界面更新。 在实际开发中,我们还需要考虑如何...

    Flex dataGrid实现数据过滤

    原理就是ArrayCollection的filterFunction的使用。是根据老外一个帖子改的,其他下载地址在 :http://www.zuidaima.com/share/1714555305004032.htm

    flex支持过滤的input

    这个场景中提到的“flex支持过滤的input”是指在Flex应用中的输入框(Input)组件,它允许用户进行模糊查询,即在输入时动态过滤并显示与输入内容匹配的数据。这种功能常见于搜索框或数据列表的筛选,如Google的搜索...

    Flex(mx:DataGrid)实现数据过滤显示

    为了实现用户输入时实时过滤,可以监听DataGrid的键盘事件或文本输入框的change事件,每当输入变化时,更新过滤条件并重新过滤数据。 ```actionscript textInput.addEventListener(Event.CHANGE, onFilterChange...

    Flex3 Explorer四合一本地版本之Flex2FilterExplorer

    Flex3 Explorer中的Flex2FilterExplorer允许用户浏览并应用预定义的过滤器,同时也支持自定义参数,以观察不同设置对过滤效果的影响。这包括AlphaFilter、BitmapFilter、BlurFilter、ColorMatrixFilter、...

    Flex实现DataGrid数据过滤

    DataGrid实现数据过滤。 输入关键字,对DataGrid中的数据进行筛选过滤

    Flex分页技术

    在Flex中,可以通过监听DataGrid的`collectionChange`事件,或者使用FilterManager类来实现。在示例代码中没有直接展示过滤功能,但可以添加一个文本输入框,监听其`textChanged`事件,根据输入的条件过滤数据源。 ...

    flex分页控件的使用

    `PageChangeEvent`类还包含一个`Filter`方法,用于根据页码和每页大小从原始数据列表中过滤出当前页的数据。这个方法通过计算起始和结束索引来实现分页,并返回一个新的数组,只包含当前页的数据。 接下来,代码...

    Flex开发辅助工具

    Flex2FilterExplorer是一个过滤器和效果的演示工具。它展示了Flex 2中提供的各种视觉效果,如模糊、渐变、发光等,以及如何应用这些效果到组件上。开发者可以尝试不同的参数组合,观察它们如何改变组件的视觉表现,...

    blazeds message filter 过滤消息——在聊天室的应用

    Blazeds Message Filter是Adobe Flex和 BlazeDS框架中的一个重要组件,它允许开发人员对服务器到客户端或客户端到服务器的消息进行过滤和处理。BlazeDS是一个开源的服务器端技术,用于实时数据推送,使得Web应用程序...

    flex实现阴影效果

    尽管Flex的过滤器和效果强大,但过度使用可能会导致性能下降。对于大规模的应用,确保只在必要时应用阴影效果,并尽可能减少过滤器的数量和复杂性。 6. **使用Flex SDK和IDE**: Adobe Flex SDK是一个免费的开发...

    Grid(3)[数据过虑]

    这里我们将深入探讨`Flex Grid`的数据过滤机制以及`Flex_GridFilter.mxml`文件可能包含的内容。 1. **数据过滤基本概念**: 数据过滤是指从一个数据集(如数组或数据提供者)中选择满足特定条件的子集进行显示。在...

    flex与struts2整合

    Struts2作为MVC框架,提供了强大的控制层功能,而Flex则以其丰富的用户界面和强大的数据交互能力受到开发者青睐。本文将详细讲解Flex与Struts2整合的基本步骤,并通过一个实际的小例子来帮助理解。 一、项目创建与...

    spring-flex官方文档

    - 配置Spring Security的过滤器链(Filter Chain)来处理安全请求。 - 定义认证机制和授权规则。 - 配置异常转换,以处理安全相关的异常。 ##### 4.3 配置终点和目的地安全性 配置BlazeDS的安全性通常包括以下几个...

    flex fliter

    该组件通过监听文本框的输入变化来实时过滤数据,并通过重写下拉箭头按钮的点击事件来展示所有数据项。此组件不仅提高了用户体验,还展示了Flex开发中自定义组件的强大能力。对于想要进一步了解Flex框架并进行自定义...

    flex 单点登录,前端后端源码 jar包

    4. Filter:在Java Web应用中,过滤器用于拦截请求,实现SSO的登录检查。 5. JSON或XML:数据交换格式,与Flex前端进行通信。 6. JDBC或ORM框架(如Hibernate):连接数据库,处理用户信息存储和检索。 源码分析...

Global site tag (gtag.js) - Google Analytics