Flex中如何利用selectable属性阻止用户选中DataGrid项目的例子
By Minidxer | March 17, 2009
接下来的例子演示了Flex中如何利用selectable属性,阻止用户选中DataGrid项目。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.events.ListEvent;
- import mx.controls.Alert;
- private function dataGrid_itemClick(evt:ListEvent):void {
- Alert.show(evt.itemRenderer.data.label, evt.type);
- }
- ]]>
- </mx:Script>
- <mx:Array id="arr">
- <mx:Object label="Alert" />
- <mx:Object label="Button" />
- <mx:Object label="ButtonBar" />
- <mx:Object label="CheckBox" />
- <mx:Object label="ColorPicker" />
- <mx:Object label="ComboBox" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="selectable:"
- labelPlacement="left"
- selected="true" />
- </mx:ApplicationControlBar>
- <mx:DataGrid id="dataGrid"
- dataProvider="{arr}"
- selectable="{checkBox.selected}"
- rowCount="4"
- width="200"
- change="dataGrid_itemClick(event);"
- itemClick="dataGrid_itemClick(event);">
- <mx:columns>
- <mx:DataGridColumn dataField="label" />
- </mx:columns>
- </mx:DataGrid>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
DataGrid |
No Comments » |
1,398 views
Tags: DataGrid, itemClick, selectable