样式:
mx|Grid
{
borderStyle: solid;
letterSpacing:0;
horizontalGap:-1;
verticalGap:-1;
paddingLeft:-1;
paddingTop:-1;
paddingRight:-1;
paddingBottom:-1;
}
mx|GridItem{
borderStyle: solid;
horizontalAlign: center;
verticalAlign: middle;
paddingTop:-1;
paddingBottom:-1;
}
//具体代码
<mx:Grid width="100%" >
<mx:GridRow width="100%" height="30">
<mx:GridItem width="100%" horizontalAlign="right" paddingRight="30">
<s:Label text="账户余额:"/>
</mx:GridItem>
<mx:GridItem width="100%" horizontalAlign="left" paddingLeft="30">
<s:Label text="{currentAccount.balance}"/>
<s:Label text="元"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="30">
<mx:GridItem width="100%" horizontalAlign="right" paddingRight="30">
<s:Label text="可用余额:"/>
</mx:GridItem>
<mx:GridItem width="100%" horizontalAlign="left" paddingLeft="30">
<s:Label text="{currentAccount.balance}"/>
<s:Label text="元"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="30">
<mx:GridItem width="100%" horizontalAlign="right" paddingRight="30">
<s:Label text="您最近一次支付记录:"/>
</mx:GridItem>
<mx:GridItem width="100%" horizontalAlign="left" paddingLeft="30">
<s:Label text="{dateFormat.format(tradeHistory.dealTime)} {tradeHistory.description}"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="30">
<mx:GridItem width="100%" horizontalAlign="right" paddingRight="30">
<s:Label text="您最近一次充值记录:"/>
</mx:GridItem>
<mx:GridItem width="100%" horizontalAlign="left" paddingLeft="30">
<s:Label text="{rechargeHistory ? dateFormat.format(rechargeHistory.dealTime)+','+rechargeHistory.description: '您还没有使用过余额支付!'}"/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
分享到:
相关推荐
一个flex写的实现数据表格datagrid的实例。
Flex FooterSpark DataGrid 高效Flex表格开发技术实例
触摸屏编程、水处理设备、西门子触摸屏程序、连接三菱FX3U PLC
│ BlazeDS集成Flex+Tomcat开发J2EE模块整合实例.doc │ Flex+Java+Json+BlazeDS+MySQL资料.doc │ Flex.pdf │ J2EE项目整合FLEX项目.doc │ 在eclipse 的一个项目中同时开发j2ee模块和flex 客户端模块.doc │
本代码是使用myeclipse8.5+flex4+ssh模式开发的成功案例,可以实现分页显示,增、删、查找、修改的功能;如果导入工程不会的话,可以参考网上的一些注意事项。另外,我随后会介绍如何成功导入工程的文档说明,数据库...
Flex 高级表格MecGrid实例,有需要的请下载
flexgrid是一个易用且功能强大的前端js表格,可实现常见的所有功能,强大到出乎你的想像。强烈建议在项目中使用。
提供: Flex中图片组件的拖放实现实例源码 后续还有 表格数据 等组件的拖放实例
需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加“%”下面同实例来实现下
本文实例为大家分享了微信小程序实现简易表格的具体代码,供大家参考,具体内容如下 由于需要开发小程序,前端又是自己弄,类似table的标签也没有,后来看到小程序文档中推荐使用flex布局,就把css中的flex布局学了...
在H5中使用的列表采用的是 react-virtualized 来绘制表格 为了展示表格中单行数据的具体详情,通常的解决方案是采用新页面或者是弹窗来完成。 这里采用的是弹窗的方案,点击单行数据后的数据详情用的是 bluma 的 ...
├最新AngularJS开发宝典—第040讲 callee与过滤器结合制作表格升降排序实例.mp4 ├最新AngularJS开发宝典—第041讲 使用$scope处理升降序.mp4 ├最新AngularJS开发宝典—第042讲 $scope.$watch监听数据变化.mp4 ├...
从SQL中的一个表中导出HTML文件表格 获取數据库表的前N条记录 几段SQL Server语句和存储过程 生成表中的数据的脚本 最详细的SQL注入相关的命令整理 Oracle Oracle中PL/SQL单行函数和组函数详解 mssql+oracle Oracle...