Home > php教程 > PHP开发 > How to position the scroll bar in a table in Flex to prevent it from refreshing back to the original position

How to position the scroll bar in a table in Flex to prevent it from refreshing back to the original position

高洛峰
Release: 2016-12-27 16:41:31
Original
1482 people have browsed it

1. Problem background

Generally, the ratio shown in the table, the ratio processing is: keep two decimal places, and keep upward

2. Implementation example

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" fontSize="12"
fontFamily="微软雅黑"> 
<s:layout> 
<s:BasicLayout/> 
</s:layout> 
<fx:Script> 
<![CDATA[ 
import mx.collections.ArrayCollection; 
import mx.events.FlexEvent; 
 
[Bindable] 
//表格数据绑定 
private var gridArray:ArrayCollection = new ArrayCollection([ 
{week:"星期一",apple:"3676",rate:"0.7868"}, 
{week:"星期二",apple:"4534",rate:"0.65454"}, 
{week:"星期三",apple:"6758",rate:"0.876454"}, 
{week:"星期四",apple:"9808",rate:"0.34224"}, 
{week:"星期五",apple:"6567",rate:"0.9876523"}, 
{week:"星期六",apple:"9000",rate:"0.566777"}, 
{week:"星期日",apple:"4533",rate:"0.988787"} 
]); 
 
/** 
* 对表格中的比率进行格式化 
*/ 
private function formatDataGrid(item:Object,column:DataGridColumn):String 
{ 
var temp:Number = item.rate; 
var data:String = dataFormatter.format(temp); 
return data; 
} 
 
]]>
</fx:Script> 
<fx:Declarations> 
<!--格式化数字-->
<mx:NumberFormatter id="dataFormatter" precision="2" rounding="up"/> 
</fx:Declarations> 
 
<mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="20"
paddingTop="10" horizontalAlign="center"> 
<mx:DataGrid id="dataGrid" width="100%" height="90%" dataProvider="{gridArray}" textAlign="center"> 
<mx:columns> 
<mx:DataGridColumn headerText="星期" dataField="week"/> 
<mx:DataGridColumn headerText="苹果" dataField="apple"/> 
<mx:DataGridColumn headerText="比率" dataField="rate" labelFunction="formatDataGrid"/> 
</mx:columns> 
</mx:DataGrid> 
 
</mx:VBox> 
</s:Application>
Copy after login

3. Implementation results

How to position the scroll bar in a table in Flex to prevent it from refreshing back to the original position

For more related articles on how to position the scroll bar in the table in Flex to avoid refreshing back to the original position, please pay attention to the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template