Flex DataGrid可编辑对象实现Enter跳转
来源:http://blog.sina.com.cn/s/blog_5ed17a730100vrja.html
在Flex DataGrid中实现点击Enter键可编辑对象跳转
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="100%"
height="100%" creationComplete="init()">
<mx:DataGrid id="dg" dataProvider="{ac}" height="232" editable="true">
<mx:columns>
<mx:DataGridColumn headerText="姓名" dataField="name"/>
<mx:DataGridColumn headerText="年龄" dataField="age"/>
</mx:columns>
</mx:DataGrid>
<mx:ArrayCollection id="ac">
<mx:Object name="111" age="11"/>
<mx:Object name="222" age="22"/>
<mx:Object name="333" age="33"/>
<mx:Object name="444" age="44"/>
<mx:Object name="555" age="55"/>
<mx:Object name="666" age="66"/>
</mx:ArrayCollection>
<mx:Script>
<![CDATA[
import mx.core.EdgeMetrics;
import mx.events.DataGridEvent;
import mx.events.ListEvent;
private function init():void {
addEventListener(KeyboardEvent.KEY_DOWN, enterKHandler);
}
private function enterKHandler(evt:KeyboardEvent):void {
if(dg.editedItemPosition == null) {
return;
}
var editpos:Object = dg.editedItemPosition;
if(evt.keyCode == Keyboard.ENTER){
if(editpos.rowIndex == dg.dataProvider.length-1) {
if(editpos.columnIndex < dg.columnCount-1) {
editpos.columnIndex ++;
dg.editedItemPosition = editpos;
} else if(editpos.columnIndex == dg.columnCount-1) {
var obj:Object = {name:"777", age:"7"};
ac.addItem(obj);
editpos.rowIndex ++;
editpos.columnIndex = 0;
dg.editedItemPosition = editpos;
}
} else if(editpos.rowIndex < dg.dataProvider.length-1) {
if(editpos.columnIndex < dg.columnCount-1) {
editpos.columnIndex ++;
dg.editedItemPosition = editpos;
} else {
editpos.rowIndex ++;
editpos.columnIndex = 0;
dg.editedItemPosition = editpos;
}
}
}
}
]]>
</mx:Script>
</mx:Application>
转载于:https://www.cnblogs.com/6303c/p/3139496.html
Flex DataGrid可编辑对象实现Enter跳转相关推荐
- Flex DataGrid双击编辑单元格
flex中的 DataGrid是支持单击编辑单元格内容的,不过这确实不够方便,单击是选中数据的,怎么能变成修改呢!在网上查了看,利用一个 DataGrid组件,可以实现双击修改 此组件源码为: Dou ...
- flex中dataGrid的编辑功能
在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1.datagrid编辑功能简介 当我们点 ...
- flex中dataGrid的编辑功能 精华
from:http://blog.csdn.net/wuyan520/article/details/5469794 也是转载,源头未知. 在flex的dataGrid中,很多情况下列是需要嵌入其他的 ...
- (转)flex dataGrid 编辑
在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1.datagrid编辑功能简介 当我们点击dat ...
- flex datagrid组件中添加别的组件
flex datagrid组件中添加别的组件 在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1. ...
- 【原创】PDA 实现DataGrid可编辑
PDA 实现DataGrid可编辑 通过继承 DataGrid 扩展实现 对ISupportInitialize 空实现,如没有,会出现异常. 在PDA设备上不能直接对DataGrid的单元格进行编辑 ...
- html中可编辑的表格控件,Editable DataGrid(可编辑表格)
### Editable DataGrid(可编辑数据表格) [Extension](http://www.jeasyui.com/extension/index.php) ? Editable Da ...
- python关闭csv文件_使用Python编辑csv文件时跳过标题
使用Python编辑csv文件时跳过标题 我使用下面引用的代码使用Python编辑csv.代码中调用的函数形式代码的上半部分. 问题:我希望下面引用的代码从第2行开始编辑csv,我希望它排除包含标题的 ...
- cad2017怎么改变选择方式_CAD编辑对象选择的方法有哪些
CAD是强大的制图软件,刚入门时候很多朋友感觉太难了,其实掌握好基础就不难了,其中一个就是使用夹点对图形进行简单编辑,或综合使用"修改"菜单和"修改"工具 栏中 ...
最新文章
- openstack对比其他有什么优点
- logspace--创建对数等分向量
- Linux块设备概念和列出块设备命令学习
- 机器学习之多变量线性回归(Linear Regression with multiple variables)
- 通过JDBC进行简单的增删改查(以MySQL为例)
- Aspx页面转静态页面
- HarmonyOS之AI能力·通用文字识别技术
- Tomcat 输入http://localhost:8080打不开网页的解决方法
- django后台多页面分页逻辑python代码
- 用WM_COPYDATA消息来实现两个进程之间传递数据
- 40行代码教你利用Python网络爬虫批量抓取小视频
- 伪分布式kafka安装与验证
- zeal刷新不出来_Zeal——好用的离线 API 文档大全!
- Python 学习笔记——笨方法学python3——习题41
- matlab处理波动的数据,波动数据时间序列的分析与处理
- ubuntu 18.04 安装NFS 共享文件夹,Linux挂载,Mac 挂载
- 利用子集构造法实现NFA到DFA的转换
- 计算机系统软件最核心软件是,安徽电脑加密软件哪个好-防止泄密
- 需求分析挑战之旅(疯狂的订餐系统)(2)——需求分析的大道理
- Vuforia官方文档-01-Vuforia功能概述
热门文章
- [洛谷P1440]求m区间内的最小值
- Mysql存储引擎详解(MyISAM与InnoDB的区别)
- return 关键字 c
- Clone Graph
- nginx的url重写[rewrite规则和参考]
- 将数据导入DB2带自增字段的表
- 图文详解安装NetBackup 6.5备份恢复Oracle 10g rac 数据库(修订)
- 发布一个定制的webpart:R***eader
- windows cmd/dos操作防火墙
- C语言学生学籍管理系统 链表+存储数据到文档