EXTJS4.0 用法筆記~~ 3種和後臺交互數據的方法(小弟只會這三種。。。)

1.數據源store

store通常是作爲grid的數據源,以便來更新grid的數據.其實這也是它最正規的用法,但其也可以把它作爲與後臺交互的一種方法,前提是隻需向後臺發送數據,而不需要接收後臺返回的數據.

    創建一個公共的store,不與任何表有聯繫,只需要下面簡單的幾句話

    var publicstore = Ext.create('Ext.data.Store', {   
           proxy : {
               type : 'ajax',
               url : ''
          }
     });

 如果只是想往後臺傳個數據的話

 publicstore.proxy.url='a.action?id=1';

   publicstore.load();


2.form表單的提交方法

  表單提交涉及到兩種,第一就是單純的提交表單,把該表單的信息提交到後臺action處理,不用任何參數

                       fs.form.submit( {
                                       clientValidation : true,
                                        url : 'saveform.action',
                                        method : 'POST',
                                        success : function(form, action) {                                           
                                        },
                                        failure : function(form, action) {
                                        }
                                    });


 第二,就是作爲後臺交互,傳輸數據,需加上要傳輸的參數

                                    fs.form.submit( {
                                       clientValidation : true,
                                        url : 'delbyid.action?id=' + encodeURI(id),
                                        method : 'POST',
                                        success : function(form, action) {                                           
                                        },
                                        failure : function(form, action) {
                                        }
                                    });


3.用Ext.Ajax.request

      這個最簡單,最方便,增刪改操作都可以用,而且不用估計啥,唯一需要注意的就是網頁和項目的編碼格式

                                           Ext.Ajax.request( {
                                                        timeout : 3000000,
                                                        url : 'save.action',
                                                        params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) ,
                                                        success : function(response, config) {                                                     
                                                        },
                                                        failure : function(form, action) {
                                                            
                                                        }
                                                    })




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章