flex AdvancedDataGrid表格联动
2013-04-11 14:50
344 查看
scroll=“”滚动条滚动
http://www.silverlightchina.net/html/tips/2012/0610/16608.html
mouseWheel
http://blog.163.com/shanren2000@126/blog/static/235356332012103093725295/
<?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"
minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import com.sybuild.sdxt.core.component.sytable.component.SytableScript.AdvancedDataGridColumns;
import mx.collections.ArrayCollection;
import mx.events.AdvancedDataGridEvent;
import mx.events.FlexMouseEvent;
import mx.events.ListEvent;
import mx.events.ScrollEvent;
import mx.events.StateChangeEvent;
[Bindable]
private var dpFlat:ArrayCollection = new ArrayCollection([
{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"}
]);
/**
*表格联动
*
*/
protected function youtab_scrollHandler(event:ScrollEvent):void
{
youtab.verticalScrollPosition = event.position;
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<mx:AdvancedDataGrid id="youtab" width="200" height="200" chromeColor="#ffffff"
fontFamily="宋体"
horizontalScrollPolicy="on" sortExpertMode="true"
textAlign="center" verticalScrollPolicy="on" dataProvider="{dpFlat}">
<mx:groupedColumns>
<mx:AdvancedDataGridColumnGroup headerText="水电1" dataField="Region"/>
<mx:AdvancedDataGridColumnGroup headerText="水电11" dataField="Region2"/>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
<mx:AdvancedDataGrid id="youtab2" x="250" y="1" width="200" height="200" chromeColor="#ffffff"
fontFamily="宋体"
scroll="youtab_scrollHandler(event)"
horizontalScrollPolicy="on" sortExpertMode="true"
textAlign="center" verticalScrollPolicy="on" dataProvider="{dpFlat}">
<mx:groupedColumns>
<mx:AdvancedDataGridColumnGroup headerText="水电2" dataField="Region"/>
<mx:AdvancedDataGridColumnGroup headerText="水电22" dataField="Region2"/>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
</s:Application>
protected function tab2_scrollHandler(event:ScrollEvent):void
{
if(event.direction != "horizontal")//说明是拖动的纵向滚动条
{
tab.verticalScrollPosition = event.position;
}
else
{
//说明是拖动的横向滚动条,不做联动
}
http://www.silverlightchina.net/html/tips/2012/0610/16608.html
mouseWheel
http://blog.163.com/shanren2000@126/blog/static/235356332012103093725295/
<?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"
minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import com.sybuild.sdxt.core.component.sytable.component.SytableScript.AdvancedDataGridColumns;
import mx.collections.ArrayCollection;
import mx.events.AdvancedDataGridEvent;
import mx.events.FlexMouseEvent;
import mx.events.ListEvent;
import mx.events.ScrollEvent;
import mx.events.StateChangeEvent;
[Bindable]
private var dpFlat:ArrayCollection = new ArrayCollection([
{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},
{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"},{Region:"Southwest",Region2:"Southwest"}
]);
/**
*表格联动
*
*/
protected function youtab_scrollHandler(event:ScrollEvent):void
{
youtab.verticalScrollPosition = event.position;
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<mx:AdvancedDataGrid id="youtab" width="200" height="200" chromeColor="#ffffff"
fontFamily="宋体"
horizontalScrollPolicy="on" sortExpertMode="true"
textAlign="center" verticalScrollPolicy="on" dataProvider="{dpFlat}">
<mx:groupedColumns>
<mx:AdvancedDataGridColumnGroup headerText="水电1" dataField="Region"/>
<mx:AdvancedDataGridColumnGroup headerText="水电11" dataField="Region2"/>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
<mx:AdvancedDataGrid id="youtab2" x="250" y="1" width="200" height="200" chromeColor="#ffffff"
fontFamily="宋体"
scroll="youtab_scrollHandler(event)"
horizontalScrollPolicy="on" sortExpertMode="true"
textAlign="center" verticalScrollPolicy="on" dataProvider="{dpFlat}">
<mx:groupedColumns>
<mx:AdvancedDataGridColumnGroup headerText="水电2" dataField="Region"/>
<mx:AdvancedDataGridColumnGroup headerText="水电22" dataField="Region2"/>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
</s:Application>
protected function tab2_scrollHandler(event:ScrollEvent):void
{
if(event.direction != "horizontal")//说明是拖动的纵向滚动条
{
tab.verticalScrollPosition = event.position;
}
else
{
//说明是拖动的横向滚动条,不做联动
}
相关文章推荐
- flex 表格AdvancedDataGrid标题颜色
- Flex 3 AdvancedDataGrid的使用(八)
- FLEX例子之高级数据表(AdvancedDataGrid)
- Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果
- Flex 3 advancedDataGrid的使用(一)
- 如何禁止Flex AdvancedDataGrid的分级数据源的分级禁止
- Flex中AdvancedDataGrid的用法示例介绍
- Flex根据后台的数据自动生成AdvancedDataGrid
- flex, advanceddatagrid width问题
- Flex 3 发现之旅:AdvancedDataGrid的使用(第二部分)
- Flex 3 发现之旅:AdvancedDataGrid的使用
- Flex中AdvancedDataGrid的用法示例介绍
- flex中DataGrid(表格)的使用
- Flex 3 发现之旅:AdvancedDataGrid的使用(第一部分)
- FLEX AdvancedDataGrid生成斜线网格头
- flex 在viewstack里使用AdvancedDataGrid,出现错误解决办法
- Flex 4 and the AdvancedDataGrid Error
- Flex 3 advancedDataGrid的使用(一)
- Flex 3 发现之旅:AdvancedDataGrid的使用(第二部分)续1
- flex datagrid 复杂表格 树型表格 flex 教程 flex培训 flex源码 flex实例