extjs ajax 回调函数作用域的问题

    extjs 的某个panel在调用Ext.ajax时，回调成功，执行success指定的方法，这个方法的作用域会修改为最上层的网页，导致回调方法不能通过this.items.get()找到对应的控件，只能通过Ext.getCmp()从整个网页查找，这样ID相同的控件都会被修改。

    在extjs 4之前，应该是通过委托来实现回调函数作用域的变化，使用createDelegate方法。

    在extjs 4.0.7 中， 通过Ext.Function.bind来修改回调函数的作用域

bind( Function fn, [Object scope], [Array args], [Boolean/Number appendArgs] ) : Function

 

 1  /*
 2  request               : 傳入參數
 3  successCallback       : 后台执行成功后,执行的回调方法
 4  failureCallback       : 后台执行失败后,执行的回调方法
 5  caller                : 调用AccessData方法的窗体,通过这个参数,可以在回调方法中访问调用窗体中的变量
 6  在调用这个方法时,如果前面的参数不需要,但需要后面的参数,则需要使前面的参数传入null.
 7  */
 8  function AccessData(request,successCallback,failureCallback,caller)
 9 {
10      // 设置Content-Type为application/json形式
11      Ext.Ajax.defaultPostHeader = 'application/json';
12  
13      // 访问失败的统一回调函数
14       var onFailure =  function(r, opts)
15     {      
16         alert(r.responseText);
17     }
18     
19      var onSuccess =  function(response, options)
20     {
21           var obj = eval('(' + response.responseText + ')');
22             
23              if(0 == obj.AccessDataResult.Result)
24             {
25                  if( null != successCallback)
26                 {
27                      if( null == caller)
28                     {
29                         successCallback(obj.AccessDataResult.OutMsg); 
30                     }
31                      else
32                     {           
33                          // 定义回调函数的作用域为调用者                                 
34                           var successCallbackDelegate = Ext.Function.bind(successCallback,caller);                        
35                         successCallbackDelegate(obj.AccessDataResult.OutMsg);
36                     }
37                 }
38             }
39              else  if(99 == obj.AccessDataResult.Result)
40             {
41                 InitLogin();
42             }
43              else
44             {
45                  if( null != failureCallback)
46                 {
47                      if( null == caller)
48                     {
49                         failureCallback(obj.AccessDataResult.OutMsg);
50                     }
51                      else
52                     {
53                          var failureCallbackDelegate = Ext.Function.bind(failureCallback,caller);                        
54                         failureCallbackDelegate(obj.AccessDataResult.OutMsg);
55                     }
56                 }
57                  else
58                 {
59                     alert(obj.AccessDataResult.OutMsg);
60                 }
61             }
62     }
63     
64      // 如果request.parm.Parms是一个JSON对象，则需要将其先转换为字符串，
65       // 主要是因为后台的WCF接口，只接受字符串参数.如果直接传入JSON对象，
66       // 则后台参数需定义为object，也不是很方便解析
67      request.parm.Parms = Ext.JSON.encode(request.parm.Parms);
68    
69     Ext.Ajax.request(
70     {  
71         url: './wcf/ExampleWcf.svc/AccessData', // 要访问的方法地址
72          method: 'POST', 
73         params: Ext.JSON.encode(request),  // 把输入参数进行JSON编码
74          scope: caller,  // 缓存回调函数作用域
75          success: onSuccess,
76         failure: onFailure 
77      });
78 }

 

转载于:https://www.cnblogs.com/baishahe/archive/2012/05/29/2523505.html