Flex里展示和取消DataGird里的水平与垂直网格线
Flex里显示和取消DataGird里的水平与垂直网格线http://www.flexrain.cn/flex/flex-datagrid-line.html?Fle
Flex里显示和取消DataGird里的水平与垂直网格线
http://www.flexrain.cn/flex/flex-datagrid-line.html
?
Flex里的DataGird控件的horizontalGridLines与verticalGridLines是设置数据表格里的网格线，它的属性值要么是真要么是假，这样我们通过用绑定CheckBox控件的勾选状态来显示和隐藏DataGrid里的网格线。
代码:
<?xml version="1.0" encoding="utf-8"?><mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"?? ? ? ? layout="vertical"?verticalAlign="middle"?? ? ? ? preloader="com.preload.PreLoad"? ? ? ? ? backgroundColor="0x414141">?? ? <!--上面preload属性与下面外部CSS可以删除它-->?? ? <mx:Style?source="yfskin/yflexskin.css"/>?? ? ? ? <mx:Array?id="arr">? ? ? ? <mx:Object?label="项目 1" data="1" />? ? ? ? <mx:Object?label="项目 2" data="2" />? ? ? ? <mx:Object?label="项目 3" data="3" />? ? ? ? <mx:Object?label="项目 4" data="4" />? ? ? ? <mx:Object?label="项目 5" data="5" />? ? ? ? <mx:Object?label="项目 6" data="6" />? ? ? ? <mx:Object?label="项目 7" data="7" />? ? ? ? <mx:Object?label="项目 8" data="8" />? ? ? ? <mx:Object?label="项目 9" data="9" />? ? ? ? <mx:Object?label="项目 10" data="10" />? ? </mx:Array>??? ? <mx:ArrayCollection?id="arrColl" source="{arr}" />??? ? <mx:DataGrid?id="dataGrid"?? ? ? ? ? ? dataProvider="{arrColl}"? ? ? ? ? ? alternatingItemColors="[white]"? ? ? ? ? ? rowCount="6"? ? ? ? ? ? horizontalGridLines="{hGL.selected}"? ? ? ? ? ? verticalGridLines="{vGL.selected}"? ? ? ? ? ? horizontalGridLineColor="#9999FF"? ? ? ? ? ? verticalGridLineColor="#9999FF">? ? ? ? <mx:columns>? ? ? ? ? ? <mx:DataGridColumn?id="labelCol" dataField="label" headerText="标签"/>? ? ? ? ? ? <mx:DataGridColumn?id="dataCol" dataField="data" headerText="数据"/>? ? ? ? </mx:columns>? ? </mx:DataGrid>??? ? <mx:CheckBox?id="hGL" label="水平网格线" selected="true" />? ? <mx:CheckBox?id="vGL" label="垂直网格线" selected="true" /></mx:Application>
