Flex4 DataGrid中嵌入RadioButton实现思路及代码

页面导航:首页 > 网络编程 > Flex > Flex4 DataGrid中嵌入RadioButton实现思路及代码

Flex4 DataGrid中嵌入RadioButton实现思路及代码

来源:互联网 作者:脚本宝典 时间:2015-06-23 18:47 【

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 s:DataGrid id= viewDg width= 100% height= 100% fontFamily= 微软雅黑 horizontalScrollPolicy= off borderVisible= false dataProvider= {viewList} s:columns s:ArrayList s:GridColumn width= {wid
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑"
horizontalScrollPolicy="off" borderVisible="false"
dataProvider="{viewList}">
<s:columns>
<s:ArrayList>
<s:GridColumn width="{wid*0.02}" resizable="false"
itemRenderer="Module_SchoolView.RadioButtonGridItemRenderer"/>
 
 
<s:GridColumn width="{wid*0.25}" headerText="名称" dataField="xysj02" resizable="false"/>
 
<s:GridColumn width="{wid*0.25}" headerText="地名" dataField="xysj02name" resizable="false"/>
 
<s:GridColumn width="{wid*0.35}" headerText="URL" dataField="xysj04" resizable="false"/>
 
<s:GridColumn width="{wid*0.13}" headerText="备注" dataField="xysj05" resizable="false"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>

MXML页面

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
 
//----------------------------------------------------------------------------------------------------------
 
override public function prepare(hasBeenRecycled:Boolean):void
{
super.prepare( hasBeenRecycled );
 
// We make the radio button mimic the selection status of the whole row.
const selected_items: Vector.<Object> = grid.dataGrid.selectedItems;
 
if( null == selected_items )
{
radio_button.selected = false;
return;
}
 
if( -1 != selected_items.indexOf( data ) )
radio_button.selected = true;
else
radio_button.selected = false;
}
 
//----------------------------------------------------------------------------------------------------------
 
]]>
</fx:Script>
 
<!--The radio button is only a visual indicator for whether the row is selected or not.
The "selected" property of the radio_button will be controlled by the "prepare" function.
The radio_button should not be allowed any user interaction. Hence disabling it.-->
<s:RadioButton id="radio_button"
label=""
enabled="false"
 
horizontalCenter="0" verticalCenter="0" />
 
</s:GridItemRenderer>

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<