文章摘要
本文介绍了使用FlexSpark和FlexMx框架创建的一个表格示例，展示了通过代码实现数据展示功能。文章重点介绍了如何在FlexSpark中使用FlexMx作为数据绑定引擎，结合ArrayCollection实现数据模型，并通过布局管理器（如verticalAlign、headerSeparatorSkin等）实现美观的表格布局。文章的核心内容是通过代码展示了FlexSpark和FlexMx在实际项目中的应用，特别是如何通过代码实现数据管理和界面展示功能。
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx”
width=”100%” height=”100%”>
@namespace s “library://ns.adobe.com/flex/spark”;
@namespace mx “library://ns.adobe.com/flex/mx”;
.adv{
font-size:12;
font-weight:bold;
color:FFFFFF;
}
import mx.collections.ArrayCollection;
[Bindable]
private var flatArray:ArrayCollection=new ArrayCollection([
{school:”星艺高中”,one:”5645″,two:”4512″,three:”4545″,man:”8656″,woman:”6545″,Chinese:”98″,Maths:”78″,English:”98″},
{school:”充实高中”,one:”5665″,two:”4512″,three:”6563″,man:”8565″,woman:”6541″,Chinese:”67″,Maths:”86″,English:”65″},
{school:”理论一中”,one:”6545″,two:”6562″,three:”5623″,man:”8754″,woman:”6214″,Chinese:”87″,Maths:”78″,English:”86″},
{school:”护名高中”,one:”5623″,two:”2356″,three:”4512″,man:”8574″,woman:”6354″,Chinese:”98″,Maths:”84″,English:”69″},
{school:”竹艺高中”,one:”4545″,two:”7545″,three:”5623″,man:”8547″,woman:”6352″,Chinese:”94″,Maths:”80″,English:”87″},
{school:”精髓高中”,one:”6565″,two:”4512″,three:”4512″,man:”8354″,woman:”6854″,Chinese:”90″,Maths:”68″,English:”97″}
]);
]]>
paddingBottom=”10″ paddingLeft=”10″ paddingRight=”10″ paddingTop=”10″ verticalAlign=”middle”
textAlign=”center” headerSeparatorSkin=”mx.skins.ProgrammaticSkin” headerColors=”[0xB0C4DE,0xB0C4DE]”
headerStyleName=”adv”>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
