ext参数传递

javascipt中变量的作用范围和参数传递是比较绕人的。Ext的Function.createDelegate()用来改变上下文和传递参数。非常好用。

createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] )
obj 是希望用的上下文环境
args 是想传入的参数
appendArgs 用来指明参数传入的方式.如果appendArgs为真,args将附加在参数列表之后;如果是数值,args将在参数列表的appendargs位置插入;其它情况下原参将不起作用.

var fn = func1.createDelegate(scope, [arg1,arg2], true)  
//fn(a,b,c) === scope.func1(a,b,c,arg1,arg2);  
var fn = func1.createDelegate(scope, [arg1,arg2])  
//fn(a,b,c) === scope.func1(arg1,arg2);  
var fn = func1.createDelegate(scope, [arg1,arg2], 1)  
//fn(a,b,c) === scope.func1(a,arg1,arg2,b,c);  


function getDetail(object, record, body, rowIndex)
    {
        Ext.Ajax.request({
        	url : detailURI ,
        	params : {
        	    id : record.data.id
        	},
        	success: updateDetail.createDelegate(expander, [body], true),
        	failure: function (result, request) {
        		Ext.MessageBox.alert('Failed', 'Successfully posted form: ' + action.date);
        	}
        });
    }

function updateDetail(result, request, body)
{
    body.innerHTML = result.responseText;
}

我希望将body做为附加的一个参数传入function updateDetail, 那我只需要写成updateDetail.createDelegate(expander, [body], true)就好。注意第3个参数，如果不给这个参数，[body]会替换掉参数result和request，那就没法拿到事件的返回参数了。

关于闭包问题，有很多地方讨论。 "(exp)()"

(alert)("test"); 

var elms = document.getElementsByTagName("input");
for (var i = 0; i < elms.length; i++) {
    (function () {
        var originalvalue = elms[i].value;
        elms[i].onchange = function () {
            alert(this.value + " == " + originalvalue);
        }        
    })();
}

Function.prototype.bind = function() {
  var __method = this;
  var args = Array.copy(arguments);
  var object = args.shift();

  return function() {
    var arg2 = Array.copy(arguments);
    return __method.apply(object, args.concat(arg2));
  }
}

记得以前在用actionscript2的时候，要改变方法的上下文，还需要这样调用：

myButton.addEventListener("click", Delegate.create(this, someMethod)); 

但在actionscript3后，当引用 someMethod 时, 将生成方法关闭。该方法关闭将自动记住其原始对象实例。 现在, 只需写入:

myButton.addEventListener("click", someMethod);

其实，都遵循ECMA，道理都相同。多练习，就会发现脉络很清楚。
做完这个demo后，我要开始看flex了，不能只停留在以前的flash基础上。也许一些小的component用flex会容易实现一些。