formpanel表单与json数据绑定
程序员文章站
2022-07-13 15:49:40
...
场景:
当我们修改数据库记录时,需要先查询出该条记录,然后set到form表单字段中,然后提交修改到后台。
在载数据:
json数据格式
当我们修改数据库记录时,需要先查询出该条记录,然后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' } ] }
推荐阅读
-
Android中Json数据读取与创建的方法
-
Android开发使用json实现服务器与客户端数据的交互功能示例
-
jQuery序列化form表单数据为JSON对象的实现方法
-
简介Objective-C解析XML与JSON数据格式的方法
-
c# 如何将RadioButton与DataTable数据进行绑定
-
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
-
vue2.0数据双向绑定与表单bootstrap+vue组件
-
js与jQuery实现获取table中的数据并拼成json字符串操作示例
-
angularJs中json数据转换与本地存储的实例
-
Vue.js+Layer表格数据绑定与实现更新的实例