ExtJS4載入FormPanel資料的幾種方式

我們做web應用最多的就是處理表單，extjs為我們提供了很多處理表單的功能，很多初學者疑惑怎麼載入表單資料，到底能用什麼方式載入？本文中，我將我自己實驗過的進行一下總結，自己備忘，也希望能幫助到其他人。

1.使用loadrecord載入model資料。這也是我目前用的較多的。

比如有個角色管理，定義如下model「：

ext.define('rolemodel', );

定義乙個表單如下：

var formid = "roleeditform";  
var formpanel = ext.create("ext.form.panel",,  
items: [  
,  ,  
,  ]  
})

那麼我載入資料的時候使用loadrecord方式：

var form =ext.getcmp(formid);  
var id=1;//
角色的id  
ext.modelmgr.getmodel('rolemodel').load( id,  
});

2.第二種是給formpanel增加reader的方式。

在第一種方法中不需要reader，只是把record中的字段與表單中字段的name對應起來，就可以載入資料了。reader方式則需要生成乙個reader物件，利用reader去匹配字段，達到填充資料的目的

form不說了，首先定義reader：

var rolereader = ext.create('ext.data.reader.json', );

定義乙個reader，reader中指定了要使用的model。然後表單中指定該reader：

reader: rolereader ,

formpanel.load(  
});