加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex datagrid 中实现combobox联动

发布时间:2020-12-15 04:00:56 所属栏目:百科 来源:网络整理
导读:先前公司有一项目中有一这样需求,在网上google一大把,无解决办法,最近听高人指见用自定义事件和数据绑定来实现 我研究了两天才解决此问题,我觉得挺有意思,让我了解了flex事件的强大功能; 今天闲来整理一下,现将解决办法详细说明如下: 1.先自定义一个

先前公司有一项目中有一这样需求,在网上google一大把,无解决办法,最近听高人指见用自定义事件和数据绑定来实现


我研究了两天才解决此问题,我觉得挺有意思,让我了解了flex事件的强大功能;


今天闲来整理一下,现将解决办法详细说明如下:


1.先自定义一个事件(CustomEvent .as):


import flash.events.Event;


public class CustomEvent extends Event

{

?

? public var data:Object;

?

? public var index:Object;

????????

??????? public static const EVENT_NAME:String = "event_name";


????????

??????? public function CustomEvent(type:String,index:Object=null,data:Object = null)

??????? {

??????????? super(type);

??????????? this.index=index;

??????????? this.data = data;

??????? }

?

}


第一个itemrenderer的combobox中的change()事件中实现自定义事件监听,;


其中妙处所在owner这个类的引用


public function change():void{

???? data.DATETIME_TYPE=alarmActionDateType.selectedItem.ITEM_CODE;

?? this.owner.dispatchEvent(new CustomEvent(CustomEvent.EVENT_NAME,data.onlyID,alarmActionDateType.selectedItem.ITEM_CODE));

??? }

??


在第二个itemrenderer中的createComplete方法中定义一个init()方法;


? public function init():void

????? {

?????? this.owner.addEventListener(CustomEvent.EVENT_NAME,ophandler);


}


public function ophandler(event:CustomEvent):void

????? {



?????? if(event.index==data.onlyID){

??????? var resultList:ArrayCollection=getOplist(event.data.toString());

??????? //给data.operator赋值

????????? if(resultList.length>0){

????? operator.dataProvider=resultList;

??????

????? for each(var o:Object in resultList)

???????????? {

????????????? if(data.OPERATOR == o.ITEM_CODE)

????????????? {

?????????????? operator.selectedItem = o;

?????????????? return;

????????????? }

???????????? }

??????????? operator.selectedIndex=0;

??????????? data.OPERATOR=operator.selectedItem.ITEM_CODE;

???? }else{

????? operator.dataProvider = "";

???? }

???????

?????? }

?????? }


其实这个onlyID是我在表格中自动生成的序号,我用此来实现辨别现在操作的是哪一行,不然会出现改变一个下拉列表,其它行的下拉列表都会变的问 题;


<mx:DataGrid id="you_dg" width="98%" height="98%">

?? <mx:columns>

??? <mx:DataGridColumn headerText="序号" width="70" minWidth="70">??

??????????????? <mx:itemRenderer>??

??????????????????? <mx:Component>??

??????????????????????? <mx:Label text="{this.parentDocument.genrowno(data)}"/>??

??????????????????? </mx:Component>??

??????????????? </mx:itemRenderer>??

???????????? </mx:DataGridColumn>


? <mx:DataGridColumn headerText="combobox1"? width="130" minWidth="130" dataField="ITEM_CODE" itemRenderer="ComboboxSendType">

??? </mx:DataGridColumn>

??? <mx:DataGridColumn headerText="combobox2"? width="130" minWidth="130" dataField="OPERATOR" itemRenderer="ComboboxDynamicOperator"></mx:DataGridColumn>


?? public function genrowno(ob:Object):String {??

????????? ob.onlyID=String(you_dg.dataProvider.getItemIndex(ob)+1);

??????????????? return String(you_dg.dataProvider.getItemIndex(ob)+1);??

????????? }??????


这样即可解决实现下拉列表联动的问题

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读