ExtJS是一款功能強大的前端框架,它為開發者提供了多種處理表單數據的方式。其中,load json是一種常用的方法,可以將JSON數據加載到表單中,并將表單值映射為JSON對象。
load json的用法如下:
Ext.getCmp('formId').getForm().load({
url: 'data.json', // 數據源URL
method: 'get', // 數據源請求方法
waitMsg: 'Loading...', // 加載提示信息
success: function(form, action) { // 加載成功回調函數
console.log(action.result);
},
failure: function(form, action) { // 加載失敗回調函數
console.log(action.result);
}
});
其中,formId是表單的ID,url是數據源的URL地址,method是數據源的請求方法(get或post),waitMsg是加載時的提示信息。success和failure是加載成功和失敗的回調函數,其中的action.result就是JSON數據。
需要注意的是,JSON數據中的字段名要與表單項的name屬性一一對應,才能正確地將數據加載到表單中。
load json的優點是簡單易用,可以大大減少編寫數據映射邏輯的工作量,同時避免了一些常見的數據映射錯誤。
需要注意的是,在數據加載完成之后,需要手動調用表單的isValid()方法來檢驗表單項是否合法,否則提交表單時可能會出現問題。
上一篇js vue use
下一篇css 面包樣式