Flex4 DataGrid实现可复制单元格,同时解决自定义GridItemRenderer出现1009错误的方法

原创内容,如需转载,请注明出处,谢谢

最近在项目中发现Flex的DataGrid不支持内容复制,在涉及到保护敏感数据时倒是很有用处,但大部分情况下,我们还是希望客户能够直接复制DataGrid单元格中的内容进行快速操作,这个与用户体验背道而驰的问题一定要解决,因此想到直接自定义DataGrid的项呈现器来实现。

呆毛如下:

本来以为可以非常顺利,哪知居然给我碰到了一个BUG,网上查了查,也有不少童鞋们碰到了这个问题,不过似乎都没有有效的解决方案,这个主要是思维固化了,总认为官方的就一定是正确的。

FlashBuilder自定义DataGrid的项呈现器,默认代码就存在问题,即使什么都不改,运行时也会出现错误:

override public function prepare(hasBeenRecycled:Boolean):void
{
    lblData.text = data[column.dataField];
}

 上面的默认代码一执行就会报错,问题就在于spark的项呈现器是提前生成好的,可重复使用来呈现数据,那么,当一个DataGrid创建时,会自动创建呈现器,尽管此时并没有数据(data=null),那么就会出现问题,data为空的情况下使用data[...]必然报错,所以以上的代码应改为:

override public function prepare(hasBeenRecycled:Boolean):void
{
    if(super.data)
    {
        lblData.text = super.data[column.dataField];
    }
}

 好了,解决了这个BUG,再来实现我的主要需求吧,为了能够复制单元格的内容,很明显必须将默认呈现器的Label组件替换成TextBase一类支持复制粘贴的组件,这里我使用的是RichEditableText组件,这个组件外观和Label几乎一样,唯一的问题在于可以修改内容,这个难不倒大家,直接editable=false关闭编辑功能即可,一行代码完工:

<s:RichEditableText id="lblData" left="7" top="9" right="0" focusedTextSelectionColor="0xFFFF66" editable="false" doubleClick="lblData.selectAll()" />

 任务达成,代码量简洁,放上来倒是不费力,最近一段时间写的组件实在是代码量太大,要放上来得花很多精力组织文章的结构,光想想就放弃了,我想这估计也是阻碍Flex推广的一个很大的问题所在。

Flex4 DataGrid实现可复制单元格,同时解决自定义GridItemRenderer出现1009错误的方法,布布扣,bubuko.com

时间: 2024-10-22 00:01:17

Flex4 DataGrid实现可复制单元格,同时解决自定义GridItemRenderer出现1009错误的方法的相关文章

ExtJS4.2 Grid知识点七:显示行号、斑马线效果(奇偶行背景色不一致)、复制单元格文字、禁止点击列排序

本节主要学习ExtJS4.2 Grid显示行号.斑马线效果(奇偶行背景色不一致).复制单元格文字.禁止点击列排序.禁止列头部右侧菜单,示例图片: 在线演示  /  在线演示 主要内容如下: 显示行号 斑马线效果(奇偶行背景颜色不一致) 复制单元格问题 禁止点击列排序 禁止列头部右侧菜单 1.显示行号 在Grid中增加行号列,xtype指定为rownumberer. {header: 'NO',xtype: 'rownumberer',width: 40,sortable: false} 2.斑马

【VBA】复制单元格数据有效性

单元格内设置了有效性,通过VBA怎么去复制呢?代码如下: Public Sub 复制单元格批注() Dim range1 As range Dim range2 As range '清除G列 Columns("G:G").Clear Set range1 = range("A1:A2") '指定要复制的单元格区域 Set range2 = range("D1") '指定要复制的位置(左上角单元格 range1.Copy range2.PasteS

Easyui datagrid 设置内容超过单元格宽度时自动换行显示

datagrid 设置内容超过单元格宽度时自动换行显示 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 单元格内容超过单元格宽度不会自动化换行.如下: 图1: 图2: 解决方法 定义表格时,设置nowrap属性为false. <table id='tt' class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:

EasyUI Datagrid 鼠标悬停显示单元格内容

第一种方式: 1.js 定义函数 <script type="text/javascript"> //格式化单元格提示信息 function formatCellTooltip(value){ return "<span title='" + value + "'>" + value + "</span>"; } </script> 2.调用函数 <th data-opti

改变DataGrid某一行和单元格的颜色

前段时间做WPF项目,需要改变DataGrid某一行的颜色.高度,以及某个单元格的颜色.单元格字体的颜色,自然就必需取到datagrid的一行和一行的单元格,网上也是搜索了好久才找到,记录下来便于使用. 1.前台WPF界面添加一个DataGrid控件,并添加两列(便于编写,达到目的即可) <DataGrid AutoGenerateColumns="False" Height="642" HorizontalAlignment="Left"

EasyUI的Datagrid鼠标悬停显示单元格内容

功能描述:table鼠标悬停显示单元格内容 1.js函数 1 function hoveringShow(value) { 2 return "<span title='" + value + "'>" + value + "</span>"; 3 } 2.调用函数 1 <table id="mydatagrid" style="width:100%;height:96%"&g

Excel 中单元格和范围的引用(即访问的表示方法)

计算机中,无非是数据和数据的处理这两件事.Excel的工作表能存储大量数据,除了这些原始数据,我们还要用函数来处理这些数据,比如求和求积,求平均值,排序等等,并把处理结果也存在单元格里.在Excel中,我们通常不给这些数据起个专门的名字,比如StudentName1,StudentName2,Score1,Score2(我在另外一篇文章讲如何给单元格或范围内的数据命名),Excel本身已经隐含了指代这些变量的方式,不会让它们成为"失落的存储空间".一般我们在编程时,向函数传递的是我们程

ios-根据单元格里的控件tag值,在方法外获得对应的section与row的值

在cell的代理方法里:cellForRowAtIndexPath btn.tag = indexPath.section *100 + indexPath.row; [cell.exitPersonBtn addTarget:self action:@selector(exitPersonBtnClick:) forControlEvents:UIControlEventTouchUpInside]; btn点击后触发的方法里,通过tag值获得cell里对应的控件 GroupMemberDat

【原创】datagridview动态绑定contextmenustrip,并复制单元格数据

public class DGVCopy    {        public DataGridView DataGridViewCopy { get; set; }        public int X { get; set; }        public int Y { get; set; }        public void CopyData()        {            DataGridViewCopy.CellMouseClick += new DataGridV