`

FLEX 为DataGrid 添加序号列(1)

阅读更多
下面的实现方式,基本思路就是用itemrender访问父文档的datagrid的dataProvider,使用 ArrayCollection的getItemIndex方法实现行号

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute">

	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			public function genrowno(ob:Object):String {
				return String(datalist.dataProvider.getItemIndex(ob));
			}
		]]>
	</mx:Script>
	
	<mx:DataGrid width="565" id="datalist" height="283">
		<mx:columns>
			<mx:DataGridColumn>
				<mx:itemRenderer>
					<mx:Component>
						<mx:Label text="{this.parentDocument.genrowno(data)}"/>
					</mx:Component>
				</mx:itemRenderer>
			</mx:DataGridColumn>
			<mx:DataGridColumn dataField="TM" headerText="日期"/>
			<mx:DataGridColumn dataField="LL" headerText="流量"/>
		</mx:columns>
		<mx:dataProvider>
			<mx:ArrayCollection>
				<mx:Array>
					<mx:Object TM="7.13-6" LL="2.9"/>
					<mx:Object TM="7.13-8" LL="2.9"/>
					<mx:Object TM="7.14-6" LL="1.9"/>
					<mx:Object TM="7.14-8" LL="1.9"/>
					<mx:Object TM="7.15-6" LL="1.9"/>
					<mx:Object TM="7.15-8" LL="1.9"/>
					<mx:Object TM="7.16-6" LL="3.05"/>
					<mx:Object TM="7.16-8" LL="3.15"/>
					<mx:Object TM="7.17-6" LL="3.15"/>
					<mx:Object TM="7.17-8" LL="3.15"/>
					<mx:Object TM="7.18-6" LL="3.15"/>
					<mx:Object TM="7.18-8" LL="3.15"/>
					<mx:Object TM="7.19-6" LL="3.15"/>
					<mx:Object TM="7.19-8" LL="3.05"/>
					<mx:Object TM="7.20-6" LL="1.9"/>
					<mx:Object TM="7.20-8" LL="1.9"/>
				</mx:Array>
			</mx:ArrayCollection>
		</mx:dataProvider>
	</mx:DataGrid>

</mx:Application>



运行结果图示

  • 大小: 25.5 KB
分享到:
评论

相关推荐

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

    flex 自定义 datagrid 列头带组合框进行过滤

    这个主题——"flex 自定义 datagrid 列头带组合框进行过滤",涉及到的关键知识点包括Flex组件定制、DataGrid列头的扩展以及ComboBox控件的使用。 1. Flex组件定制: 在Flex中,我们可以使用MXML和ActionScript来...

    flex中dataGrid导出数据到excel中

    flex中dataGrid导出数据到excel中,不存在乱码问题

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    flex的dataGrid添加复选框(checkBox)

    这个教程将详细解释如何在Flex的DataGrid中动态添加复选框,并通过一个名为`DataGridDemo`的示例项目来演示这一过程。 首先,我们需要了解Flex中的DataGrid组件。DataGrid是基于MX组件库的一个控件,它能够与数据...

    flex datagrid 添加按钮

    为了添加按钮,我们需要创建一个自定义的列渲染器,这个渲染器将在DataGrid的每一行中显示按钮。 1. **自定义列渲染器**: - 在Flex中,我们可以创建一个MXComponent或UIComponent的子类来作为渲染器。这个组件将...

    Flex4 DataGrid表格操作

    Flex4 DataGrid表格操作,表格回车事件默认是换行,这里修改为换单元格,单元格轮完换行。支持上下左右和回车键控制光标位置,还添加了"+","-"按钮,用于控制添加行和删除选中的行。

    Flex使用弹出窗口为DataGrid添加新数据

    综上所述,Flex 3中通过TitleWindow为DataGrid添加新数据的过程包括创建TitleWindow作为弹出对话框,设计表单获取用户输入,处理“添加”按钮的点击事件以将新数据添加到DataGrid的数据源,以及在主应用中触发...

    Wince DataGrid动态添加列和绑定数据 并修改数据

    Wince DataGrid动态添加列和绑定数据 并修改数据 ----------------------------------------------- 对于DataGrid中 值的修改 是参考别人的代码加上自己的一些方法做出来的!

    Flex 自定义Datagrid的ItemRender

    ItemRenderer是Flex提供的一种机制,允许开发者为数据网格中的每一行或每一列提供自定义的视图。通过创建自定义的ItemRenderer类,我们可以自由地设计数据呈现的方式,包括样式、交互和组件组合。 1. **创建自定义...

    在flex的dataGrid控件中显示图片的实践

    在Flex开发中,DataGrid控件是用于展示结构化数据的常用组件,它可以灵活地显示表格形式的数据。本文将深入探讨如何在DataGrid中显示图片,特别是在与Spring、Hibernate和Struts等框架集成的背景下,如何处理二进制...

    为DataGrid添加确认删除的对话框

    在DataGrid的模板列中添加一个删除按钮,该按钮将触发`DataGrid_ItemCommand`事件。 3. **编写服务器端事件处理程序** 编写`DataGrid_ItemCreated`事件处理程序,用来设置删除按钮的`onclick`属性,使其在点击时...

    flex下拉dataGrid

    1. **继承Flex组件**:创建一个新的MXML组件,继承自ComboBox或者List,然后添加DataGrid作为其子组件。 2. **事件监听**:为ComboBox的打开事件添加监听器,在事件触发时加载DataGrid,并设置其数据源。 3. **布局...

    flex DataGrid 表头分组

    在`AdvancedDataGrid`中,我们需要设置`&lt;mx:columns&gt;`子元素来定义列,并为需要分组的列添加`&lt;mx:GroupingField&gt;`。例如: ```xml ``` 在上述代码中,我们设置了`category`字段作为分组...

    Flex Datagrid checkbox实现

    2. **设置Datagrid列的renderer属性**:在Datagrid的定义中,找到你想添加复选框的列,并将renderer属性设置为我们刚才创建的自定义Renderer。 ```mxml &lt;mx:DataGrid id="myGrid"&gt; 选择" renderer=...

    Flex的DataGrid中使用CheckBox

    Flex的DataGrid中使用CheckBox. 大家共同研究

    Flex dataGrid 自定义显示列

    DataGrid能够自动绑定到数据源,并根据数据字段创建列,但往往我们需要根据业务需求对列的显示进行定制,比如更改列头、调整列宽、添加样式或者使用自定义渲染器。 首先,我们要理解DataGrid的列配置。在Flex中,每...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    总的来说,实现Flex DataGrid标题栏添加复选框并使其与数据行的复选框联动,涉及到自定义HeaderRenderer和CellRenderer,以及对数据源和事件处理的深入理解。这需要开发者具备良好的Flex编程基础和组件定制能力。...

    Flex 自定义DataGrid,带增删改查等各种功能

    Flex 自定义DataGrid,带增删改查等各种功能.列锁定,序号等各种功能.

Global site tag (gtag.js) - Google Analytics