Flex AdvancedDataGrid有一个bug,当浏览器最大化时,datagrid处于可编辑状态,并且datagrid中有多条数据,最好在有滚动条出现,当你编辑靠下面的数据时(光标停留在编辑框内),这时候双击浏览器,还原。会出现前台bug(有安装flash debug版本的可以看到Alert)。
错误代码如下:
TypeError: Error #1010: A term is undefined and has no properties.
at mx.controls::AdvancedDataGridBaseEx/makeRowsAndColumns()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\AdvancedDataGridBaseEx.as:2220]
at mx.controls::AdvancedDataGrid/makeRowsAndColumns()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\AdvancedDataGrid.as:1999]
at mx.controls.listClasses::AdvancedListBase/makeRowsAndColumnsWithExtraRows()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\listClasses\AdvancedListBase.as:4002]
at mx.controls.listClasses::AdvancedListBase/updateDisplayList()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\listClasses\AdvancedListBase.as:3574]
at mx.controls::AdvancedDataGridBaseEx/updateDisplayList()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\AdvancedDataGridBaseEx.as:2016]
at mx.controls::AdvancedDataGrid/updateDisplayList()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\AdvancedDataGrid.as:2899]
at com.sft.gec.component.common::BaseAdvancedDataGrid/updateDisplayList()[C:\ccsnapshort_views\e515896_DEV_gec_was_04.00_pchz_tc\ssgm03\gec_was\src\gec\WebContent\WEB-INF\flex\user_classes\com\sft\gec\component\common\BaseAdvancedDataGrid.as:93]
at mx.controls.listClasses::AdvancedListBase/validateDisplayList()[E:\dev\4.x\frameworks\projects\datavisualization\src\mx\controls\listClasses\AdvancedListBase.as:3472]
at mx.managers::LayoutManager/validateDisplayList()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:663]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:736]
at mx.managers::LayoutManager/validateNow()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:795]
at mx.core::Application/resizeHandler()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\Application.as:1683]
at mx.core::Application/commitProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\Application.as:1073]
at mx.core::UIComponent/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\UIComponent.as:7933]
at mx.managers::LayoutManager/validateProperties()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:572]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:730]
at mx.managers::LayoutManager/validateNow()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\LayoutManager.as:795]
at mx.core::Application/resizeHandler()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\Application.as:1683]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.managers::SystemManager/Stage_resizeHandler()[E:\dev\4.x\frameworks\projects\framework\src\mx\managers\SystemManager.as:2971]
这个原因是因为在调用updateDisplayList时,itemEditorInstance和editedItemPosition不为空引起的。
解决方法:
import flash.events.Event;
import mx.events.AdvancedDataGridEventReason;
import mx.events.AdvancedDataGridEvent;
public class BaseAdvancedDataGrid extends AdvancedDataGrid {
private var resizeHandling:Boolean = false;
public function BaseAdvancedDataGrid()
{
/**
* UI function break when editing a item(cusor focus in) and dobule click IE browser
*/
addEventListener(Event.RESIZE, changeWindowSizeHandler, false, 0, true);
}
/**
* UI function break when editing a item(cusor focus in) and dobule click IE browser
*/
override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void{
if(super.itemEditorInstance!=null&&resizeHandling==true){
super.itemEditorInstance = null;
super.editedItemPosition = null;
}
super.updateDisplayList(unscaledWidth,unscaledHeight);
}
private function changeWindowSizeHandler(event:Event):void {
if(super.itemEditorInstance!=null){
resizeHandling = true;
super.endEdit(AdvancedDataGridEventReason.OTHER);
resizeHandling = false;
}
}
}
该类继承AdvancedDataGrid 并监听RESIZE事件,当resize事件触发时,判断当datagrid正在被编辑,那么就结束编辑。之所以重写updateDisplayList这个方法,是因为,有些editor item并不是简单的text input,而是复杂的组件,比如多选下拉框,当这个被编辑并还原窗口时,会在endEdit方法中会调用remove child方法,而这个方法同样会调用updateDisplayList,所以还是会报相应的错误,所以针对这种情况,直接将super.itemEditorInstance 和super.editedItemPosition 置为空。
分享到:
相关推荐
flex advancedDataGrid 中如何实现带checkbox的树
flex AdvancedDataGrid实现checkBox全选功能 实现全选,多选功能
Flex应用3D饼图,柱图线图,仪表盘,AdvancedDataGrid表头皮肤,分数较高,不建议下载,仅自己保留
Flex技术中AdvancedDataGrid使用方法
NULL 博文链接:https://kidd.iteye.com/blog/1329253
AdvancedDataGrid控制具体某个单元格可编辑的例子,里面实现了原理,具体如何实现可视判断条件而定,因为自己也是很辛苦实现的,所以分就高点了,别介意,哈哈
flex AdvancedDataGrid 动态添加一行 动态为控制树添加一个节点
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
<![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert; import com.as3xls.xls.ExcelFile;... Alert.show("行的数据分别是:"+o.idx+"/"+o.names+"/"+o.sex);...</mx:WindowedApplication>
用AdvancedDataGrid组件编写的一个简单的课件管理系统,这是个雏形,有一定的参考价值
flex datavisualization.swc flex 3 AdvancedDataGrid
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
AdvancedDataGrid综合应用
最新的AdvancedDataGrid行嵌套AdvancedDataGrid实现,该例子只是实现AdvancedDataGrid利用AdvancedDataGridRendererProvider在行中渲染另外一个AdvancedDataGrid,当然也可以渲染其它任何想渲染的界面或者组件,价值...
AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar
AdvancedDataGrid实现双表头表格,在某些情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。
AdvancedDataGrid导出复杂表头excel
刚刚学习flexb,用flex做的一个批量删除的例子,希望各位朋友下看!有什么建议的话,请给位朋友跟我联系。我的Email:tengai_wss@163.com
今天我们要说的是官方文档中用了整章介绍的AdvancedDataGrid,AdvancedDataGrid是DataGrid的高级版本,Flex 3 SDK并不包含它,其和Charting Enhancements一起构成了Flex Data Visualization package,TNND,也就是说...