extjs formpanel 读取后台数据

最新推荐文章于 2017-07-27 20:19:00 发布

fandroid

最新推荐文章于 2017-07-27 20:19:00 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： java 文章标签： extjs

本文链接：https://blog.csdn.net/fandroid/article/details/45974523

java 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在ExtJS中使用FormPanel的form.load方法动态加载数据，并解释了服务器端返回数据的格式要求及组件自动赋值的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在FormPanel没有配置url和reader时，也可以通过FormPanel.form.load()方法添加url来直接加载数据，但此时需要server端返回的数据遵循一定的格式.

var url = Listener + '?className=etl.db.VariableManage&thodName=getVariableJSONById&paramCount=1&param_0='+ variable_id;formPanel.form.load({   waitTitle : "请稍候",  waitMsg : "正在加载表单数据，请稍候......", url : url,  success : function(form, action) {  },  failure : function(form, action) {  Ext.MessageBox.alert('加载失败', action.result.errors); }   });

server端需要返回的字符串格式:

"{success:true,data:{ variableName:'',variableCategory:'',variableCode:'',variableMeaning:''}}"

或者用双引号:

"{success:true,data:{ variableName:\"\",variableCategory:\"\",variableCode:\"\",variableMeaning:\"\"}}"

相应的组件会自动被赋值。所谓相应的组件，指name属性为json串里字段的组件。比如：

var variableName = new Ext.form.TextField({ xtype : 'textfield',    name : 'variableName',  fieldLabel : '名称', emptyText : '请输入',   allowBlank : false, anchor : '90%', selectOnFocus : true    });

如果不指明name属性的话，只声明var variableName是找不到组件的

注明：在formpanel里面用reader:参数读取json数据与后台数据映射即可