flex 4.6 自定义Datagrid添加checkbox\图片等功能

刺骨的言语ヽ痛彻心扉 2022-04-14 03:54 166阅读 0赞

本文同步至：[http://www.waylau.com/flex-4-6-datagrid-add-checkbox-pic][http_www.waylau.com_flex-4-6-datagrid-add-checkbox-pic]/

flex 4.6 中的 spark 的Datagrid相比于之前的 mx 有很大不同

实现自定义<s:itemRenderer>详见代码~

![1362652212_6787.jpg][]

<s:DataGrid id="dg" left="14" right="10" top="35" bottom="9" dataProvider="{datagrid_data}">
    				<s:columns>
    					<s:ArrayList>
    						<s:GridColumn   headerText="程序名称" 
    									    dataField="name">
    							<s:itemRenderer>
    								<fx:Component>
    									<s:GridItemRenderer>
    										<s:HGroup verticalAlign="middle">
    											<s:CheckBox id="cbx"/>
    											<s:BitmapImage  width="24" height="24" source="{data.pic}"/>
    											<s:Label text="{data.name}"/>
    										</s:HGroup>
    									</s:GridItemRenderer>
    								</fx:Component>
    							</s:itemRenderer>
    						</s:GridColumn>
    						<s:GridColumn dataField="date" headerText="更新时间"/>
    						<s:GridColumn dataField="version" headerText="版本号"/>
    						<s:GridColumn dataField="moduleUrl" headerText="moduleUrl"/>
    						<s:GridColumn />
    					</s:ArrayList>
    				</s:columns>
    			</s:DataGrid>

[http_www.waylau.com_flex-4-6-datagrid-add-checkbox-pic]: http://www.waylau.com/flex-4-6-datagrid-add-checkbox-pic/
[1362652212_6787.jpg]: https://img-my.csdn.net/uploads/201303/07/1362652212_6787.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 DataGrid添加CheckBox（下拉列表）

DataGrid中如何添加下拉列表呢？如下是实现的代码： DataGrid中的列 <mx:DataGridColumn headerText="状态" dataField=

叁歲伎倆/ 2023年08月17日 15:50/ 0 赞/ 129 阅读

相关 jeecg自定义datagrid查询

[jeecg自定义datagrid查询][jeecg_datagrid] 为什么要写这篇文章？我们了解，使用 jeecg 提供的 CriteriaQuery

叁歲伎倆/ 2023年06月01日 03:24/ 0 赞/ 3 阅读

相关 [Flex]自定义DataGrid组件的标题

有的时候需要在DataGrid组件中为每列显示两行的标题。要实现它，其实并不难。在DataGridColumn 类中有一个headerRenderer 属性，所以我

谁践踏了优雅/ 2022年08月25日 10:53/ 0 赞/ 201 阅读

相关 flex 自定义事件

EventTest.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http

深藏阁楼爱情的钟/ 2022年08月05日 00:48/ 0 赞/ 231 阅读

相关 DataGrid里嵌入checkBox，增加，删除等控件等操作

test.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.

秒速五厘米/ 2022年08月04日 00:43/ 0 赞/ 100 阅读

相关 Flex DataGrid 添加超链接

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adob

蔚落/ 2022年07月12日 06:26/ 0 赞/ 193 阅读

相关自定义CheckBox样式

一般的自定义checkbox样式要改style文件，比较麻烦。可以直接把`button`属性设置为`@null`，然后定义一个`selector`文件，在`background

古城微笑少年丶/ 2022年06月08日 00:08/ 0 赞/ 271 阅读

相关 flex 4.6 自定义Datagrid添加checkbox\图片等功能

本文同步至：[http://www.waylau.com/flex-4-6-datagrid-add-checkbox-pic][http_www.waylau.com_fle

今天药忘吃喽~/ 2022年04月22日 16:22/ 0 赞/ 167 阅读

相关 flex 4.6 自定义Datagrid添加checkbox\图片等功能

本文同步至：[http://www.waylau.com/flex-4-6-datagrid-add-checkbox-pic][http_www.waylau.com_fle

刺骨的言语ヽ痛彻心扉/ 2022年04月14日 03:54/ 0 赞/ 167 阅读

相关 flex datagrid checkbox选中项目

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:fx="[http://ns.adobe.com

Bertha 。/ 2021年11月11日 03:10/ 0 赞/ 351 阅读