场景:
当我们修改数据库记录时,需要先查询出该条记录,然后set到form表单字段中,然后提交修改到后台。
this.fsf = new Ext.FormPanel({
reader:new Ext.data.JsonReader({
root: 'data',
fields:[
{name: 'id', mapping: 'id'},
{name: 'userName', mapping: 'userName'},
{name: 'Email', mapping: 'email'},
{name: 'phoneNo', mapping: 'phoneNo'},
{name: 'status', mapping: 'status'},
]
})
});
在载数据:
this.fsf.getForm().load({url:'sys/queryUserInfo?id=123', waitMsg:'Loading'});
json数据格式
{
results: 1,
rows: [
{ id: 1, userName: 'Bill', phoneNo: 'Gardener' }
]
}
分享到:
相关推荐
Extjs4 表单从数据库读取数据映射到对应的字段中显示
NULL 博文链接:https://zxf-noimp.iteye.com/blog/634692
ExtJs中表单formPanel的横向布局
自我扩展FormPanel 和Store实现自动数据触发感知功能实现与store绑定功能
Ext的FormPanel组件说明formPanel的详细使用说明
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
ExtJS的表单使用FormPanel容器 表单使用的布局方式:form和formtable布局 ExtJS的表单和html的form标签是相似的,新建一个FormPanel实际上就是新建一个html的form标签,只是添加许多Ext的样式而已
NULL 博文链接:https://wly719.iteye.com/blog/339783
formpanel数据源是单独的,则store传入到formpanel页面后,还需要手动将formpanel中的每个控件用value赋值,形如: 代码如下:<span xss=removed>{ xtype: “textarea”, fieldLabel: “备注说明”,
extjs formpanel学习,秘诀,笔记
sencha的ajax+formpanel+google地图
Ext table布局实例 formpanel的table布局
目标: 知道表单面板如何创建 了解表单面板中xtype的类型的应用 知道表单面板如何验证,绑定,取值 综合应用表单面板(玩转它) 内容: 首先我们要理解的是FormPanel也是继承panel组件的。所以它有着panel的属性 要...
NULL 博文链接:https://627443183-qq-com.iteye.com/blog/1725391
在使用使用FormPanel时我们通常需要使用它的form对象来加载数据或提交数据。FormPanel中的 form对象为Ext.form.BasicForm类型的对象,它有load和submit方法分别用于加载数据和提交数据。而这两个方法都是通过调用 ...
一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.
Ext教程 展示EXT表单FormPanel和表格GridPanel的使用
extjs4如何给同一个formpanel不同的url_.docx