认识ExtJs非常偶然,当时是为自己公司开发一套简单的财务系统。自己写了个ajax的小库,总是觉得不够用,Ext顺其自然的进入了开发流程。还算好有丰富的demo和doc文档。现在用了1年多了,很多东西想记录下来,算是一段记忆吧!
javascritp基础的东西有很多可以阅读和参考的资料,这里不一一复述,同时ExtJs也有相应的api文档和demo,ExtJs的基础的东西也不再重复,这里主要是记录关于form、grid、tree及插件和扩展。
一、 Ext.form.FormPanel
Observable -Component -BoxComponent -Container -Panel FormPanel
以上是继承关系。
其中Ext.form.FormPanel也具有Ext.form.BasicForm的reader属性。(An Ext.data.DataReader (e.g. Ext.data.XmlReader) to be used to read data when executing 'load' actions. This is optional as there is built-in support for processing JSON. For additional information on using an XMLReader see the example provided in examples/form/xml-form.html.)当FormPanel执行'load'方法时对应的form表单字段会加 载读取的数据。
var reader = new Ext.data.JsonReader({ root : 'results' }, ['ID','NAME']); var exForm = new Ext.form.FormPanel({ id : 'exForm', title : 'FormDemo', renderTo : Ext.getBody(), border : false, reader : reader, defaultType: 'textfield', items :[{ id : 'ID', name : 'ID', fieldLabel : '编号' },{ id : 'NAME', name : 'NAME', fieldLabel : '姓名' }] }); exForm.getForm().load({ url : '',//后台数据读取页面 success : function (form,action){}, params : '' });