extjs中form与grid交互数据(record)的方法


Posted in Javascript onAugust 29, 2013

首先在grid的tbar中定义编辑按钮:
Js代码

id:'editDataButton', 
text:'编辑', 
tooltip:'编辑', 
iconCls:'edit', 
handler: function(){ showeditPanel();}

再定义form:

Js代码

var xjjlEditForm = new Ext.FormPanel({.......省略form中的定义内容........});

然后定义编辑按钮要调用的函数showeditPanel(同时定义一个加载form的window):

Js代码

//--编辑按钮调用的函数(弹出编辑窗体) 
function showeditPanel() 
{ //直接取得选中的行对应的record 
var record = grid.getSelectionModel().getSelected() 
if(!record){ 
Ext.Msg.alert('信息','请选择要编辑的数据'); 
return; 
} 
//--定义编辑窗体 
if(!xjjlEditWindow) 
{ 
xjjlEditWindow = new Ext.Window({ 
el: 'edit_win', //前端放置当前js文件的页面中的div名称 
title:'编辑记录', 
width: 650, 
height: 360, 
closable: false, 
closeAction: 'hide', 
resizable: false, 
items: xjjlEditForm //在window中加载编辑的form 
}); 
} 
xjjlEditWindow.show(Ext.get('editDataButton'));//显示编辑窗口 
//[注意]先xjjlEditWindow.show(); 再 xjjlEditForm.getForm().loadRecord(currrecordRecord); 就可以解决之前的页面加载完成以后,第一次点击[编辑]按钮时无法加载数据到form的问题了。 
xjjlEditForm.getForm().loadRecord(record); 
//关键是这里用当前选中的grid中的record填充form 
}

这样就可以在新窗口中对选中的数据进行编辑了;
Javascript 相关文章推荐
JS拖动技术 关于setCapture使用
Dec 09 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
JS文字球状放大效果代码分享
Aug 19 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
vue.config.js常用配置详解
Nov 14 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 Vue.js
JS中图片缓冲loading技术的实例代码
Aug 29 #Javascript
js中substring和substr的详细介绍与用法
Aug 29 #Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 #Javascript
JavaScript自定义事件介绍
Aug 29 #Javascript
JavaScript包装对象使用介绍
Aug 29 #Javascript
JavaScript作用域链使用介绍
Aug 29 #Javascript
JavaScript 命名空间 使用介绍
Aug 29 #Javascript
You might like
windows xp下安装pear
2006/12/02 PHP
php模板原理讲解
2013/11/13 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
通过实例解析jQ Ajax操作相关原理
2020/09/23 Javascript
Python切换pip安装源的方法详解
2016/11/18 Python
Python 对象中的数据类型
2017/05/13 Python
浅谈python中的__init__、__new__和__call__方法
2017/07/18 Python
对python使用http、https代理的实例讲解
2018/05/07 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
django foreignkey(外键)的实现
2019/07/29 Python
python 瀑布线指标编写实例
2020/06/03 Python
css3实现3D文本悬停改变效果的示例代码
2019/01/16 HTML / CSS
Invicta手表官方商店:百年制表历史的瑞士腕表品牌
2019/09/26 全球购物
风险评估实施方案
2014/03/09 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
北京故宫的导游词
2015/01/31 职场文书
出国留学自荐信模板
2015/03/06 职场文书
鸦片战争观后感
2015/06/09 职场文书
2015年教师国培感言
2015/08/01 职场文书
珍爱生命主题班会
2015/08/13 职场文书