flex画表格实例

最新推荐文章于 2024-09-28 00:42:20 发布

javaee_jsp

最新推荐文章于 2024-09-28 00:42:20 发布

阅读量423

点赞数

分类专栏： flex

本文链接：https://blog.youkuaiyun.com/javaee_jsp/article/details/84153107

版权

flex 专栏收录该内容

5 篇文章

订阅专栏

样式：
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>