看flex自定义事件好久了,有一些体会,现在写一些总结,如果有大侠看到,不对的地方希望指正。
flex自定义事件有三个部分:注册、派发,监听。
现在就以我做过的项目代码做总结
前提是这样的,有两个模块:课程模块和课程详细模块,为了松耦合,两个模块间不能互相调用。
现在有一个问题,在课程模块点击了课程列表中的一节课时,要把课程id从课程模块传到课程详细模块。
解决办法就是写一个自定义事件。
public class CourseDetailConEvent extends Event
{
/**
* 课程名称
* */
public var courseName:String;
/**
*课程Id
* */
public var courseId:int;
public function CourseDetailConEvent(type:String,bubbles:Boolean=false, cancelable:Boolean=false)
{
super(type, bubbles, cancelable);
}
}
自定义事件写好了
[color=red][b][Event(name="courseDetailCon", type="com.etmr.mcwss.commons.event.CourseDetailConEvent")]//注册[/b][/color]
public class MainApp extends EventDispatcher
{
/**
* 给课程详细赋值课程Id和Name
*
* */
public function courseDetailCon(courseId:int):void{
var event:CourseDetailConEvent = new CourseDetailConEven("courseDetailCon");
event.courseId = courseId;
[b][color=red]mainApp.dispatchEvent(event);//派发自定义事件[/color][/b] }
}
监听部分
public function FrameClass()
{
super();
mainApp.addEventListener("courseDetailCon",courseDetailConHandler);
}
/**
* 给课程详细赋值课程Id和名称事件
*/
public function courseDetailConHandler(event:CourseDetailConEvent):void{
courseDetail.init(event.courseId);
}
}
然后只要点击课程列表中一节点课时,课程id就从课程模块传到了课程详细模块
触发事件的地方
public class CourseClass extends SkinnableContainer
{
/**
* 课程的modelLocator
*/
private var modelLocator:ModelLocator = ModelLocator.getInstance();
/**
* 课程的Model信息
*/
[Bindable]
public var model:Model = modelLocator.model;
/**
* MainApp
*/
private var mainApp:MainApp = MainApp.mainApp;
/**
* List点击事件
*/
protected function courseList_changeHandler(event:IndexChangeEvent):void
{
// TODO Auto-generated method stub
var courseObj:Object = model.courseCollection.getItemAt(event.newIndex);
var courseId:int = parseInt(courseObj["courseId"]);
mainApp.courseDetailCon(courseId);
}
}
flex自定义事件有三个部分:注册、派发,监听。
现在就以我做过的项目代码做总结
前提是这样的,有两个模块:课程模块和课程详细模块,为了松耦合,两个模块间不能互相调用。
现在有一个问题,在课程模块点击了课程列表中的一节课时,要把课程id从课程模块传到课程详细模块。
解决办法就是写一个自定义事件。
public class CourseDetailConEvent extends Event
{
/**
* 课程名称
* */
public var courseName:String;
/**
*课程Id
* */
public var courseId:int;
public function CourseDetailConEvent(type:String,bubbles:Boolean=false, cancelable:Boolean=false)
{
super(type, bubbles, cancelable);
}
}
自定义事件写好了
[color=red][b][Event(name="courseDetailCon", type="com.etmr.mcwss.commons.event.CourseDetailConEvent")]//注册[/b][/color]
public class MainApp extends EventDispatcher
{
/**
* 给课程详细赋值课程Id和Name
*
* */
public function courseDetailCon(courseId:int):void{
var event:CourseDetailConEvent = new CourseDetailConEven("courseDetailCon");
event.courseId = courseId;
[b][color=red]mainApp.dispatchEvent(event);//派发自定义事件[/color][/b] }
}
监听部分
public function FrameClass()
{
super();
mainApp.addEventListener("courseDetailCon",courseDetailConHandler);
}
/**
* 给课程详细赋值课程Id和名称事件
*/
public function courseDetailConHandler(event:CourseDetailConEvent):void{
courseDetail.init(event.courseId);
}
}
然后只要点击课程列表中一节点课时,课程id就从课程模块传到了课程详细模块
触发事件的地方
public class CourseClass extends SkinnableContainer
{
/**
* 课程的modelLocator
*/
private var modelLocator:ModelLocator = ModelLocator.getInstance();
/**
* 课程的Model信息
*/
[Bindable]
public var model:Model = modelLocator.model;
/**
* MainApp
*/
private var mainApp:MainApp = MainApp.mainApp;
/**
* List点击事件
*/
protected function courseList_changeHandler(event:IndexChangeEvent):void
{
// TODO Auto-generated method stub
var courseObj:Object = model.courseCollection.getItemAt(event.newIndex);
var courseId:int = parseInt(courseObj["courseId"]);
mainApp.courseDetailCon(courseId);
}
}