extjs中form与grid交互数据(record)的方法
2018-10-12 14:04
609 查看
首先在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
}
这样就可以在新窗口中对选中的数据进行编辑了;
您可能感兴趣的文章:
相关文章推荐
- extjs中form与grid交互数据(record)的方法使用
- extjs中form与grid交互数据(record)的方法
- EXTjs loadRecord方法 将grid中的数据 加载到form表单中去
- 功能间(两个form)数据交互的编程方法
- 运用extjs技术进行form表单数据交互
- EXTJS4.0 用法笔记~~ 3种和后台交互数据的方法(小弟只会这三种。。。)
- ExtjsGrid 分页、ASP.net前后台数据交互
- extjs中gridpanel中怎么获得选中行所对应的行数,比如点击第一行时的行数是1,行所对应的数据用什么方法获得
- EXTJS4.0 3种和后台交互数据的方法
- C# WebForm. RadControls Grid嵌套Grid时,父Grid数据行上的OnClientClick动作访问子Grid中的数据的Javascript方法。
- EXTJS系列笔记————点击grid中的数据,显示在form中
- Extjs创建form表单以及绑定动态数据到grid
- EXTJS grid中显示Date timestamp等多种类型改造方法 实用所有数据类型转换
- ExtJs与JSON格式数据绑定的方法(grid)
- EXTJS系列笔记————grid新增和修改数据与后台的快速交互
- ExtJs4 中 获取grid列表数据绑定到form表单
- Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法
- extjs6.0点击grid一行数据显示在一端的form中
- Extjs将GridPanel中的数据导出到Excel的方法
- 在Grid和Form之间进行数据交互