- 浏览: 428539 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (211)
- 思考》感想 (11)
- 数据库操作 譬如Oracle大叔 (7)
- java,咱们有缘吗 (16)
- delphi,你还好吗 (2)
- SSH,哥三儿好 (31)
- 问题!问题?问题!? (9)
- WITH WORK (1)
- 算法与模式 莫事^_^ (10)
- JSP,可以叫你P兄么 (2)
- 啊,咋科斯╮(╯▽╰)╭ (6)
- 巨人肩上的小石子 (2)
- flash她妹flex (38)
- 项目管理 (10)
- 奥特曼,你弟Android来了 (4)
- 麻辣儿gis (0)
- maven 嘛味儿 (3)
- ws 哇塞 webservice (5)
- Oh,no!!!,NoSql (1)
- QQ他哥也是个企鹅,Linux (6)
- 姓i还是姓my 你都叫batis ibatis (3)
- 我喜欢夏天(春天旁边的那个季节)Springside (1)
- 测试! 测就测吧,没有喝(⊙o⊙) (3)
- 是晕+_+ 是浮云 还是云计算 (4)
- ExtJS 你是flex他哥还是他妹 (10)
- svg 你丫的资料真少 (3)
- 叫屁屁还是叫加加 ⊙﹏⊙ c++ (5)
- 鸟,还是只百灵鸟 BIRT (1)
- 权限管理 有权真好 是吧-_-! (1)
- SSH (2)
- 哥三儿好 (2)
- nginx (1)
- Oh (1)
- no!!! (1)
- NoSql (1)
最新评论
-
mong619226543:
谢谢
No identifier specified for entity -
akka_li:
没看懂啥意思!什么原因导致java.net.SocketExc ...
java.net.SocketException: Connection reset 问题解决方法 -
west_jing:
1L正解,<mvc:annotation-driven/ ...
<mvc:default-servlet-handler/> 导致 Controller失效 -
u010954806:
tgfhfdhdf
Spring Security 国际化文件 messages_zh_CN.properties 中文解释 -
yenshen:
我也碰到这个问题了,找了一大圈,最终问题解决了:<con ...
<mvc:default-servlet-handler/> 导致 Controller失效
Extjs 、Flex 组件通过事件解耦示例
- 博客分类:
- flash她妹flex
Extjs 、Flex 组件通过事件解耦示例
---》application
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:components="components.*" click="trace('application...')">
<fx:Script>
<![CDATA[
import events.UiNameEvent;
private function cancelHandler(e:UiNameEvent):void{
trace("xxx"+e.type + e.time);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<components:WarningDialog id="warningDialog" horizontalCenter="0" verticalCenter="0" userCancel="cancelHandler(event)"/>
</s:Application>
---》子组件
<?xml version="1.0" encoding="utf-8"?>
<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="225" xmlns:components="components.*"
title="Warning: Something to be warned about!" click="trace('panel...')">
<fx:Metadata>
[Event(name="userAccept",type="flash.events.Event")]
[Event(name="userCancel",type="events.UiNameEvent")]
</fx:Metadata>
<fx:Script>
<![CDATA[
import events.UiNameEvent;
[Bindable]
public var warningText:String = "Some type of long-winded warning message describing a problem would most likely go here! Do you want to proceed?";
private function okHandler(e:Event):void{
trace(e.type);
}
private function cancelHandler(e:UiNameEvent):void{ //捕获userCancel 事件 并进行处理
trace(e.type + e.time);
}
]]>
</fx:Script>
<s:BitmapImage source="@Embed('assets/warning.png')" left="25" top="18"/>
<s:Label text="{warningText}" width="150" fontSize="12" top="20" left="215" height="121"/>
<components:OkayCancelGroup id="okCancelGroup" left="219" bottom="22" userAccept="okHandler(event)" userCancel="cancelHandler(event)"/>
</s:Panel>
--》孙组件
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" >
<fx:Metadata>
[Event(name="userAccept",type="flash.events.Event")]
[Event(name="userCancel",type="events.UiNameEvent")] //添加事件元数据
</fx:Metadata>
<fx:Script>
<![CDATA[
import events.UiNameEvent;
import flash.sampler.NewObjectSample;
private function ok_clickHandler():void{
this.dispatchEvent(new Event("userAccept"))
}
private function cancel_clickHandler():void{
this.dispatchEvent(new UiNameEvent("userCancel",new Date())); //触发事件 userCancel 事件
}
]]>
</fx:Script>
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:Button id="ok" label="Ok" click="ok_clickHandler()"/>
<s:Button id="cancel" label="Cancel" click="cancel_clickHandler()"/>
</s:Group>
--》自定义事件
package events
{
import flash.events.Event;
public class UiNameEvent extends Event
{
public var time:Date; //自定义属性
public function UiNameEvent(type:String,time:Date)
{
super(type,true);//可以改成 super(type) 不让此事件冒泡
this.time = time;
}
override public function clone():Event{ //必须覆盖clone方法
return new UiNameEvent(type,time);
}
}
}
通过自定义事件 上述的孙组件的ok_clickHandler 不在处理逻辑,而是放到子组件上捕获这个自定义事件,再进行逻辑处理,这样孙组件就能得到复用,也进行了解耦和。
---》application
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:components="components.*" click="trace('application...')">
<fx:Script>
<![CDATA[
import events.UiNameEvent;
private function cancelHandler(e:UiNameEvent):void{
trace("xxx"+e.type + e.time);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<components:WarningDialog id="warningDialog" horizontalCenter="0" verticalCenter="0" userCancel="cancelHandler(event)"/>
</s:Application>
---》子组件
<?xml version="1.0" encoding="utf-8"?>
<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="225" xmlns:components="components.*"
title="Warning: Something to be warned about!" click="trace('panel...')">
<fx:Metadata>
[Event(name="userAccept",type="flash.events.Event")]
[Event(name="userCancel",type="events.UiNameEvent")]
</fx:Metadata>
<fx:Script>
<![CDATA[
import events.UiNameEvent;
[Bindable]
public var warningText:String = "Some type of long-winded warning message describing a problem would most likely go here! Do you want to proceed?";
private function okHandler(e:Event):void{
trace(e.type);
}
private function cancelHandler(e:UiNameEvent):void{ //捕获userCancel 事件 并进行处理
trace(e.type + e.time);
}
]]>
</fx:Script>
<s:BitmapImage source="@Embed('assets/warning.png')" left="25" top="18"/>
<s:Label text="{warningText}" width="150" fontSize="12" top="20" left="215" height="121"/>
<components:OkayCancelGroup id="okCancelGroup" left="219" bottom="22" userAccept="okHandler(event)" userCancel="cancelHandler(event)"/>
</s:Panel>
--》孙组件
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" >
<fx:Metadata>
[Event(name="userAccept",type="flash.events.Event")]
[Event(name="userCancel",type="events.UiNameEvent")] //添加事件元数据
</fx:Metadata>
<fx:Script>
<![CDATA[
import events.UiNameEvent;
import flash.sampler.NewObjectSample;
private function ok_clickHandler():void{
this.dispatchEvent(new Event("userAccept"))
}
private function cancel_clickHandler():void{
this.dispatchEvent(new UiNameEvent("userCancel",new Date())); //触发事件 userCancel 事件
}
]]>
</fx:Script>
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:Button id="ok" label="Ok" click="ok_clickHandler()"/>
<s:Button id="cancel" label="Cancel" click="cancel_clickHandler()"/>
</s:Group>
--》自定义事件
package events
{
import flash.events.Event;
public class UiNameEvent extends Event
{
public var time:Date; //自定义属性
public function UiNameEvent(type:String,time:Date)
{
super(type,true);//可以改成 super(type) 不让此事件冒泡
this.time = time;
}
override public function clone():Event{ //必须覆盖clone方法
return new UiNameEvent(type,time);
}
}
}
通过自定义事件 上述的孙组件的ok_clickHandler 不在处理逻辑,而是放到子组件上捕获这个自定义事件,再进行逻辑处理,这样孙组件就能得到复用,也进行了解耦和。
发表评论
-
Flex4多文件上传示例
2014-05-17 22:59 830---》Flex <?xml version=&quo ... -
FLEX 与 JSP 视图的结合开发
2014-03-26 17:08 1098FLEX 与 JSP 视图的结合开发 虽然用了flex作了视 ... -
heightChart 与extjs整合 动态生成历史曲线 和实时曲线
2012-03-05 17:09 5067heightChart 与extjs整合 动态生成历史曲线 和 ... -
flex 上传excel 导入数据库
2011-06-13 12:01 6767flex 上传excel 导入数据库 前端用flex上传ex ... -
flex 、servlet生成验证码方式
2011-05-05 14:07 1152flex 、servlet生成验证码方式 -----》fle ... -
中文命名的图片加载后 本地能显示 但放到服务器上就出不来了
2011-02-22 16:16 2666中文命名的图片加载后 本地能显示 但放到服务器上就出不来了 ... -
flex 程序减肥几种方法
2011-02-17 14:05 962flex 程序减肥几种方法 1、采用模块化管理 2、采用RS ... -
flex动态换肤的demo例子
2011-02-17 09:30 1290flex动态换肤的demo例子 ----》建立三个css样 ... -
as3的反射
2011-01-28 17:30 1202as3的反射 ------》getDefinitionByN ... -
AIR 应用: 黏贴 剪贴板中的图片
2011-01-24 11:14 1418AIR 应用: 黏贴 剪贴板中的图片 from : http: ... -
flex 权限系统研究
2011-01-12 15:59 1631f权限一般就是涉及增删改查 的操作。 思路,利用flex-s ... -
如何在左上角画图
2010-12-31 10:50 1336如何在左上角画图 我想在屏幕左上角 画一个正方形,按下面的代码 ... -
类似javadoc功能的 flex asdoc
2010-12-21 10:33 1243配置过程 可以参考 http://bhsc-happy.ite ... -
Printing Multiple Pages Using PrintDataGrid(Flex打印系列 转载)
2010-12-20 14:08 1190In the previous tutorial, we kn ... -
Flash Builder 找不到所需的 Adobe Flash Player 调试器版本 问题解决
2010-12-15 13:28 5615Flash Builder 找不到所需的 Adobe Flas ... -
Cairngrom Demo程序撰写心得
2010-12-10 14:42 1061------》执行顺序 初始化事件与处理进行绑定组件( ... -
felx包含到jsp中去
2010-10-08 15:05 1447Jsp包含到flex中用iframe; Flex包含到jsp中 ... -
为什么定义事件用<mx:Metadata> 标签
2010-10-08 11:01 3277定义方法方式: <mx:Metadata> ... -
mate框架应用几点心得
2010-09-29 11:23 1166mate框架应用几点心得 *** new 事件的时候一定要冒 ... -
后台的返回的结果集是object类型的,不是具体对象?
2010-09-14 14:43 1357后台的返回的结果集是object类型的,不是具体对象? 解决方 ...
相关推荐
EXTJS 上传组件及示例EXTJS 上传组件及示例EXTJS 上传组件及示例
extjs,flex,dojo的理解
这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
extjs树型表格组件的使用示例,详细说明可以参见http://blog.csdn.net/snail_spoor/article/details/39698037
extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码
深入浅出extjs(第二版)示例源码光盘,包含3.0.0,3.1.1,3.2.0
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
EXTJS net 增删改查示例
流程设计,包含extjs下的流程设计,OrchestraDesigner-3.2-bin(基于Flex的web流程设计器),流程设计(设计器版),web工作流管理系统开发等
NULL 博文链接:https://atgoingguoat.iteye.com/blog/626112
extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等
1、Extjs3.0 常用组件介绍ppt 2、怎样安装开发利器Spket 3、Spket安装包
Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版
extjs时间日期选择组件.
EXTJS 折线 chart action 代码示例 1.远程加载数据(两种方法) 2.本地加载数据 3.完整示例,实例 4.后台为JAVA代码
一款基于EXTJS插件风格的表格合并示例,界面不用说了,使用EXT本身的界面风格,很漂亮,EXT功能很强大,这个表格合并功能只是其中一个比较实用的功能,这个例子带给大家,希望通过这个例子你会对EXT有更多的了解。
ExtJs的各种组件面板等的实例代码详解 以及实例的效果图显示
ExtJs各组件简单应用例子导入到eclipse即可
ExtJs组件类的对应表,很好的,分享给大家!!