文章摘要
这篇文章介绍了如何在Flex表格中绑定数据源，并使用`xlcom`适配器实现点击行时显示详细信息的功能。文章展示了如何通过`mx`标签绑定表格数据源，以及如何通过`mx handlers`在点击事件中更新显示内容。具体来说，文章详细描述了如何在`mx handlers`中绑定数据源、配置适配器，以及在点击行时调用`updateHandler`方法以显示详细信息。文章的核心内容是通过Flex表格实现数据展示和交互操作。
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx” minWidth=”955″ minHeight=”600″>
import mx.collections.ArrayCollection;
[Bindable]
//表格数据源绑定
private var grid:ArrayCollection=new ArrayCollection([
{number:”2014010101″,name:”张三”,sex:”男”,age:”19″},
{number:”2014010102″,name:”李思”,sex:”女”,age:”20″},
{number:”2014010103″,name:”蔡华”,sex:”男”,age:”21″},
{number:”2014010104″,name:”牛耳”,sex:”女”,age:”22″},
{number:”2014010105″,name:”兆司”,sex:”男”,age:”18″},
{number:”2014010106″,name:”胡柳”,sex:”女”,age:”19″},
{number:”2014010107″,name:”刘斯”,sex:”男”,age:”20″},
{number:”2014010108″,name:”孙阳”,sex:”女”,age:”22″},
{number:”2014010109″,name:”郑武”,sex:”男”,age:”21″},
{number:”2014010110″,name:”王雪”,sex:”女”,age:”20″},
{number:”2014010111″,name:”胡柳”,sex:”女”,age:”19″},
{number:”2014010112″,name:”刘斯”,sex:”男”,age:”20″},
{number:”2014010113″,name:”孙阳”,sex:”女”,age:”22″},
{number:”2014010114″,name:”郑武”,sex:”男”,age:”21″},
{number:”2014010115″,name:”王雪”,sex:”女”,age:”20″}
]);
]]>
import mx.managers.PopUpManager;
protected function addHandler(event:MouseEvent):void
{
var childWindow:ChildWindow=ChildWindow(PopUpManager.createPopUp(this,ChildWindow,true));
var point:Point=new Point(100,100);
childWindow.x=point.x + 400;
childWindow.y=point.y + 50;
}
protected function updateHandler(event:MouseEvent):void
{
var updateWindow:UpdateWindow=UpdateWindow(PopUpManager.createPopUp(this,UpdateWindow,true));
var point:Point=new Point(100,100);
updateWindow.x=point.x + 400;
updateWindow.y=point.y + 50;
updateWindow.stuNo=event.currentTarget.selectedItem.content;
}
]]>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
