FLEX 仿Google联想框效果
FLEX--仿Google联想框效果--现在好多地方都用到了这样的效果,当然,现在Google下线了,不让用了,但是跟网上说的一样,想办法,它还是能出来的
首先是事件源，也就是从何而起，如下的一个输入框：
复制代码 代码如下:
<mx:FormItem label="集团客户:" width="42%">
<!--change1-->
<mx:TextInput id="txtAssociation" width="235" maxChars="32" change="associate();"/>
</mx:FormItem>
然后就是处理效果，这些内容都是从数据库得到的数据，动态的查出的。
复制代码 代码如下:
import mx.collections.ArrayCollection;
import mx.events.FlexMouseEvent;
import mx.events.ListEvent;
import mx.managers.PopUpManager;
import resources.com.list.Association;
// 经过渲染的联想结果List
private var list:Association;
// 临时字符串,用于判断当keyUp事件发生时,联想框的值是否发生改变,如未改变则不联想
private var temp:String = '';
private function changeAssociation():void{
temp='';
txtAssociation.text='';
associationResult=null;
if(list != null){
PopUpManager.removePopUp(list);
list = null;
// 清空临时字符串
}
}
private function associate():void {
var str:String = txtAssociation.text;
if(str.length<2){
associationResult=null;
}
if (str != temp) {
if(str.length < 2){
if(list != null){
PopUpManager.removePopUp(list);
list = null;
// 清空临时字符串
temp = '';
}
return;
}
temp = str;
var params:Object = {};
params['areaNO'] = cbxArea.selectedItem.data;
params['netType'] = cbxNetType.selectedItem.data;
params['str'] = str;
params['handle'] = 'associate';
service4association.send(params);
}
}
private function openAssociation():void {
if(service4association.lastResult.items != null)
createAndShow(service4association.lastResult.items.item);
else if(list != null){
PopUpManager.removePopUp(list);
list = null;
// 清空临时字符串
temp = '';
}
}
private function createAndShow(dp:Object):void {
// 每次打开联想框以前, 先清理缓存
if(list != null){
// 将联想框从PopUpManager中移除
PopUpManager.
相关文档：
XML和ActionScript在创建组件方面各有优缺点：
在创建复合组件时，MXML可以时创建过程变得很容易，并且方便于对子控件进行布局。
在修改组件行为时，我们可以用ActionScript来修改他们的方法。
大多数时候，我们会使用MXML和ActionScript结合的方式来创建Flex组件和应用。
Flex提供了多种方式来结合使用MXML和ActionS ......
FLEX中所有的布局都需要容器。<mx:Application>标签实际上就是一个容器。每个容器都有一定的规则来确定子元素的排列方式，也就是本文讨论的FLEX容器布局规则。
VBox
子元素沿垂直方向排列。每个子元素都会绘制在前一个子元素的下方。
HBox
子元素沿水平方向排列。每个子元素都会绘制在前一个子元素的右方。
Canv ......
一、自定义Panel组件
package test
{
import mx.containers.Panel;
import mx.core.UIComponent;
/**
* 自定义Panel
* **/
public class MyPanel extends Panel
......
在flex 开发项目中，很多都会使用Module来减少application加载过大的问题。Module也确实解决了这个问题。
但是在使用Module过程中需要注意的一点 非常关键的一点那就是 定义一个IModuleInfo的时候 一定要记得把定义成全局变量哦。不然就会出现 第一次加载不了 二第二次 第三次。。。。都可以的效果。不注意这点找死了都找� ......
1、当创建一个数组的时候避免用new操作符,用 var a:Array = [];而不用var a:Array = new Array();
2、快速的复制一个数组：
var copy : Array = sourceArray.concat ();
3、设置一个数组的值是非常忙的：
employees.push ( employee ); employees[2] = employee;
4、从一个数组中取得值的速度是设置一个数组值的两倍 ......
