ExtJS的一些基本知識

1. ExtJS中Ext.Ajax.request與form1.getForm().submit的區別:

http://blog.csdn.net/windxxf/archive/2010/08/20/5827129.aspx

 

2. 資料提交給php檔案的方式:

1)

Ext.Ajax.request({<br />url:siteRoot+'index.php/fetch_data_XXX/',<br />method:'POST',<br />params:{param1:p1, param2:p2}, //here<br />success:function(response,options)<br />{<br />msgTip.hide();<br />Ext.Msg.alert("提示", '刪除成功!',callBack);<br />function callBack()<br />{<br />window.location.reload(true);</p><p>}<br />},<br />failure:function(response,options)<br />{<br />msgTip.hide();<br />Ext.Msg.alert('提示','請求失敗！');<br />}  

2)

var form = new Ext.form.FormPanel({<br />baseCls: 'x-plain',<br />labelWidth: 80,<br />fileUpload:true,<br />defaultType: 'textfield',<br />items: [<br />{<br />xtype: 'textfield',<br />fieldLabel: '選擇人物映像',<br />name: 'file',<br />id: 'file',<br />inputType: 'file',<br />allowBlank: false,<br />blankText: '請選擇XX.',<br />msgTarget : 'under',<br />anchor: '90%' // anchor width by percentage<br />},<br />{<br />xtype: 'hidden',<br />name: 'tag',<br />value: tag<br />}<br />]<br />}); 

var win = new Ext.Window({<br />x:300,<br />y:200,<br />title: '添加..',<br />width: 400,<br />height:100,<br />layout: 'fit',<br />plain:true,<br />bodyStyle:'padding:5px;',</p><p>items: form,<br />buttons: [{<br />text: '提交',<br />handler: function() {<br />form.getForm().submit(<br />{<br /> clientValidation:true,<br /> waitMsg:'正在上傳,請稍候',<br /> waitTitle:'提示',<br /> url:siteRoot+'index.php/fetch_data_XX/addXX',<br /> method:'POST',<br />success: function(form, action)<br />{<br />win.hide();<br />Ext.Msg.alert('提示','添加成功',callBack);</p><p>function callBack()<br />{<br /> window.location.reload(true);</p><p>}<br />},<br /> failure: function(form,action)<br /> {<br /> Ext.Msg.alert('Error', '添加失敗'); </p><p> }<br />})</p><p>}<br />},<br />{<br />text: '關閉',<br />handler:function(){win.hide();}<br />}]<br />});<br />win.show(); 

3)

var dataRecord = new Ext.data.Record.create([<br />{name: 'fileName'},<br />{name: 'filePath'}<br /> ]);</p><p> var dataReader = new Ext.data.JsonReader(<br />{<br />root: 'results',<br />totalProperty: 'total'<br /> },<br /> dataRecord<br /> );<br />var dataProxy = new Ext.data.HttpProxy({<br /> url:siteRoot + 'index.php/fetch_data_XXX/XXXl/'+personMd5,<br /> method: 'POST'<br /> });<br />var dataStore = new Ext.data.Store({<br />proxy: dataProxy,<br />reader: dataReader<br /> });<br />dataStore.load(); 

 

3. ExtJS的js代碼擷取資料參數的方法:

請求為: XXX.html?XXXX.

接受為:

 

var query = location.search.substring(1);//擷取查詢串<br />var pos = query.indexOf('&');<br />var fileMd5 = query.substring(0,pos);<br />var file = query.substring(pos+1);