欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

formpanel表单与json数据绑定

程序员文章站 2022-07-13 15:49:40
...
场景:
当我们修改数据库记录时,需要先查询出该条记录,然后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' }
    ]
}

相关标签: UI JavaScript