- 浏览: 140811 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
haoxuexi87:
Jmeter性能测试从入门到精通(2018年最新)课程观看地址 ...
关于jmeter的入门 -
leoning12:
leoning12 写道
java设置一段代码执行的超时时间的简单方法 间接实现获取Connection超时问题 -
leoning12:
java设置一段代码执行的超时时间的简单方法 间接实现获取Connection超时问题 -
leoning12:
java设置一段代码执行的超时时间的简单方法 间接实现获取Connection超时问题 -
leoning12:
java设置一段代码执行的超时时间的简单方法 间接实现获取Connection超时问题
在桌面应用程序开发的时候,我们经常会给DataGrid或者表格的第一列加上行序列号,以此给用户一个提示当前数据所在的行号,就类似于Excel的左边列。Flex的DataGrid并没有自动提供这样的属性。那么如何解决这个问题呢,方法有很多种,我们可以在DataGrid的数据源dataProvider中添加这样的行序列号,这个方法的弊端就是这个序列号和行数据(row data)绑定在一起,当DataGrid经过排序后,这个序列号就面目全非了。
删除(在这里我提供一个更加简单实用的方法。利用的就是DataGridColunm的listData属性,该属性有一个rowIndex。
效果图如上,第一列的索引(index)是独立于数据源dataProvider的,而且其他DataGridColumn的排序也不会影响第一列序号的正确性。利用下面的两行代码就能实现这一的效果。)
【编辑修改】
经过测试,发现一个bug,当数据多出现竖向滚动条时,下一屏的索引出错。
用另外一种更加直接简单的办法是用labelFunction和dataProvider数据源的获取当前索引号方法可以解决。
最新代码如下:
----------------------------------------老的代码如下,存在bug-------------------------------------:
删除(在这里我提供一个更加简单实用的方法。利用的就是DataGridColunm的listData属性,该属性有一个rowIndex。
效果图如上,第一列的索引(index)是独立于数据源dataProvider的,而且其他DataGridColumn的排序也不会影响第一列序号的正确性。利用下面的两行代码就能实现这一的效果。)
【编辑修改】
经过测试,发现一个bug,当数据多出现竖向滚动条时,下一屏的索引出错。
用另外一种更加直接简单的办法是用labelFunction和dataProvider数据源的获取当前索引号方法可以解决。
最新代码如下:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Script> <![CDATA[ import mx.events.FlexEvent; import mx.events.ScrollEvent; import mx.controls.dataGridClasses.DataGridColumn; import mx.collections.XMLListCollection; import mx.collections.ArrayCollection; private var xml:XML = <root> <vo region='southwest1' name='name1' id='id1' actual='111' estimate='1111'/> <vo region='southwest2' name='name2' id='id2' actual='222' estimate='2222'/> <vo region='southwest3' name='name3' id='id3' actual='333' estimate='3333'/> <vo region='southwest4' name='name4' id='id4' actual='444' estimate='4444'/> <vo region='southwest5' name='name5' id='id5' actual='555' estimate='5555'/> <vo region='southwest6' name='name6' id='id6' actual='666' estimate='6666'/> <vo region='southwest7' name='name7' id='id7' actual='777' estimate='7777'/> <vo region='southwest8' name='name8' id='id8' actual='888' estimate='8888'/> <vo region='southwest9' name='name9' id='id9' actual='999' estimate='9999'/> <vo region='southwest' name='name10' id='id10' actual='111' estimate='3333'/> <vo region='southwest' name='name11' id='id11' actual='111' estimate='3333'/> </root>; [Bindable] private var dpFlat:XMLListCollection = new XMLListCollection(xml.vo); private function LabFunc(item:Object, column:DataGridColumn):String { return ((dpFlat.getItemIndex(item)+1).toString()); } ]]> </mx:Script> <mx:DataGrid id="myADG" dataProvider="{dpFlat}" horizontalScrollPolicy="auto" width="100%" height="100%" minWidth="500"> <mx:columns> <mx:DataGridColumn labelFunction="LabFunc" width="30" minWidth="10" sortable="false" headerText="NO." resizable="false"/> <mx:DataGridColumn dataField="@region" headerText="Region" /> <mx:DataGridColumn dataField="@name" headerText="Name"/> <mx:DataGridColumn dataField="@id" headerText="Id"/> <mx:DataGridColumn dataField="@actual" headerText="Actual"/> <mx:DataGridColumn dataField="@estimate" headerText="Estimate"/> </mx:columns> </mx:DataGrid> </mx:Application>
----------------------------------------老的代码如下,存在bug-------------------------------------:
<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.controls.dataGridClasses.DataGridColumn; import mx.collections.XMLListCollection; import mx.collections.ArrayCollection; private var xml:XML = <root> <vo region='southwest1' name='name1' id='id1' actual='111' estimate='1111'/> <vo region='southwest2' name='name2' id='id2' actual='222' estimate='2222'/> <vo region='southwest3' name='name3' id='id3' actual='333' estimate='3333'/> <vo region='southwest4' name='name4' id='id4' actual='444' estimate='4444'/> <vo region='southwest5' name='name5' id='id5' actual='555' estimate='5555'/> <vo region='southwest6' name='name6' id='id6' actual='666' estimate='6666'/> <vo region='southwest7' name='name7' id='id7' actual='777' estimate='7777'/> <vo region='southwest8' name='name8' id='id8' actual='888' estimate='8888'/> <vo region='southwest9' name='name9' id='id9' actual='999' estimate='9999'/> <vo region='southwest' name='name10' id='id10' actual='111' estimate='3333'/> <vo region='southwest' name='name11' id='id11' actual='111' estimate='3333'/> </root>; [Bindable] private var dpFlat:XMLListCollection = new XMLListCollection(xml.vo); ]]> </mx:Script> <mx:DataGrid id="myADG" dataProvider="{dpFlat}" horizontalScrollPolicy="auto" width="100%" height="100%" minWidth="500"> <mx:columns> <mx:DataGridColumn width="30" minWidth="10" sortable="false" headerText="NO." resizable="false"> <mx:itemRenderer> <mx:Component> <mx:DataGridItemRenderer > <mx:Script> <![CDATA[ import mx.controls.dataGridClasses.DataGridListData; override public function set data(value:Object):void{ super.data = value; var dgListData:DataGridListData = listData as DataGridListData; dgListData.label = (dgListData.rowIndex+1).toString(); } ]]> </mx:Script> </mx:DataGridItemRenderer> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> <mx:DataGridColumn dataField="@region" headerText="Region" /> <mx:DataGridColumn dataField="@name" headerText="Name"/> <mx:DataGridColumn dataField="@id" headerText="Id"/> <mx:DataGridColumn dataField="@actual" headerText="Actual"/> <mx:DataGridColumn dataField="@estimate" headerText="Estimate"/> </mx:columns> </mx:DataGrid> </mx:Application>
发表评论
-
Flex 3.X to Flex 4.X Migration 组件列表
2012-03-05 17:58 15901.1 Flex 3.4 to Flex 4.5 migrat ... -
关于Flex Date类型的奇怪Bug
2012-03-05 18:06 1103var d:Date=new Date(); d.millis ... -
flex:getChildByName()方法的研究
2012-02-23 20:23 1870在flex页面里面,要想获得一个对象,只能在子父两个级别之间获 ... -
flex中navigateToURL函数的应用
2012-02-20 16:28 1555先看flex帮助文档的介绍 flash.net.navigat ... -
Flash4.5 + eclipse3.6安装
2012-02-19 02:02 1209flash builder 4.5 的安装目录下的utilit ... -
Flex对数组Array的操作
2012-03-05 18:06 1538Array提供了多种方法插入和删除元素。通过这些方法,可以快速 ... -
Migrating Flex 3 applications to Flex 4.5 for Adobe Dashboard
2011-12-20 16:24 1001Part 1: http://www.adobe.com/co ... -
Flex使用AS设置组件width和height的百分比
2011-12-19 17:33 2364Flex使用AS设置组件width和height的百分比 th ... -
ActionScript mxml flex 日期格式化 DateFormatter
2011-12-19 17:30 3956在AS中跟Java很相似。都是使用一个格式化类来进行格式化: ... -
给Chart添加渲染效果
2011-12-01 14:41 1435主要用到showDataEffect属性,废话不说,直接上co ... -
Flex中如何利用showLabelVertically属性控制ColumnChart上ColumnSeries标签为竖直或横向的例子
2011-11-29 20:11 2397接下来的例子演示了Flex中如何利用showLabelVert ... -
flex中的类型转换String to int
2011-11-29 19:24 1646var n:int = int(String) -
Rotating labels in a Flex chart axis using the labelRotation style
2011-11-29 19:23 1168The following example shows how ... -
FLEX中使用outerDocument
2011-11-24 17:08 2467FLEX中使用itemRenderer调用父页面的方法使用关键 ... -
理解 Flex itemRenderer - 第 1 部分: 内联渲染器
2011-11-24 16:53 1458循环使用渲染器 人们经常尝试从列表外访问 itemRender ...
相关推荐
最后,对于“easyui-datagrid-editor”这个压缩包文件,它可能包含了示例代码、样式文件或其他资源,帮助开发者理解并实现编辑状态下Datagrid列值的更新功能。如果需要进一步的帮助,可以查看该文件的内容或查阅...
本教程将详细讲解如何在DataGrid中实现单元格的合并,以及如何在模板列中嵌套另一个DataGrid,尽管这种“合并”并非传统意义上的单元格合并,而是通过自定义布局来达到类似的效果。 首先,我们要明白,WPF DataGrid...
在.NET框架中,WPF(Windows Presentation Foundation)提供了一个强大的数据呈现控件——DataGrid,它用于显示和编辑网格形式的数据。在实际开发中,我们经常需要根据需求对DataGrid的列标题进行自定义,以增强界面...
标题 "easyui datagrid标题列宽度自适应" 涉及到的是JavaScript库EasyUI中的一个功能特性,它主要用于Web应用程序的数据展示。EasyUI是一个基于jQuery的轻量级框架,提供了一系列易于使用的UI组件,包括datagrid,...
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
你可以为每个列定义一个`EditingTemplate`,其中包含一个TextBox或其他输入控件,用于在编辑时显示。例如,为`DataGridTextColumn`设置`EditingTemplate`,并在其中添加TextBox控件,用`Text`属性绑定到相应的属性。...
在默认情况下,DataGrid控件会自动为每一行生成一个索引或编号,但有时我们可能需要自定义这个编号列,以满足特定的业务需求或界面设计。以下就是关于如何在DataGrid控件中添加自定义编号列的详细知识。 1. **...
默认情况下,`DataGrid`会根据数据源中的字段自动创建列,并允许用户通过点击列头来对数据进行升序或降序排序。 设置`DataGrid`中的排序列,主要涉及以下几个关键步骤: 1. **数据绑定**:确保你的`DataGrid`已经...
通过ItemsSource属性,我们可以将数据集合绑定到DataGrid,使得数据自动映射为行和列。 接下来是ComBox的使用。ComBox是一种下拉列表框控件,它可以显示一个文本项并允许用户从下拉列表中选择其他选项。在DataGrid...
在这个“DataGrid列自动隐藏”的主题中,我们主要探讨的是如何允许用户通过右键菜单来选择性地隐藏或显示DataGrid中的列。这种功能可以提高用户界面的可定制性和易用性。 首先,我们需要了解WPF DataGrid的基本结构...
当你需要创建一个可以根据数据源自动调整列数的界面时,动态列`DataGrid`就显得尤为实用。这个场景下,我们将探讨如何在WPF中实现带有动态列的`DataGrid`。 ### 1. 数据绑定与动态列生成 在WPF中,`DataGrid`的列...
在本实例中,我们将利用数据绑定机制将数据源(可能是集合、对象数组等)与DataGrid的列关联起来,使DataGrid能根据数据源的属性自动生成列。 MVVM(Model-View-ViewModel)模式是WPF中推荐的开发模式,它分离了...
标题中的“可删除列的datagrid”指的是在编程...通过上述知识点的集成和应用,我们可以实现一个功能完善的、用户友好的“可删除列的datagrid”。在实际项目中,开发者需要根据具体需求和技术栈来选择合适的方法和工具。
同时,也可以使用DataGrid的AutoGenerateColumns属性来自动根据数据源生成列,然后通过循环遍历所有列来控制它们的可见性。 6. **数据绑定控制列的可见性**: 你还可以将列的可见性绑定到一个布尔值,然后在后台...
WPF中DataGrid控件有时需要在一列中显示多个字段数据,并实现一定的排版,本示例即为解决此类问题提供参考。
本文将详细介绍如何解决当dataGrid列较多且无数据显示不全的情况,并提供一个具体的解决方案。 #### 一、问题背景 EasyUI是一个基于jQuery的用户界面插件集合,它简化了Web应用的前端开发工作,使得开发者能够更加...
例如,可以使用`ItemsSource`属性来绑定一个ObservableCollection对象,这样当ObservableCollection中的数据发生变化时,DataGrid会自动更新。 ```csharp ObservableCollection<MyClass> data = new ...
标题“给DataGrid自定义Header功能”和描述“给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能”正是关于这个主题的说明。下面将详细介绍如何实现DataGrid的自定义Header。 首先,理解...
Before a couple of days I was working on program that allows users upload multiple files on a server. I realized it would be a nice to show progress of upload for every file individually....
2. **列定义**:DataGrid的列可以根据数据类型自动生成,也可以手动定义。手动定义可以更好地控制显示样式和数据格式。例如,你可以使用DataGridTextColumn显示字符串,DataGridCheckBoxColumn处理复选框。 3. **...