ExtJS之ref注意

Ext3.x的ref是个不错的东东,可以省了不少getCmp(),但它的文档太少,有个问题需注意:

 

ref:’../'表示定义为当前父组件的父组件的子件,例如:

var grid = new Ext.grid.GridPanel{
    ....
    tbar: [{
        xtype: 'xxxx',
        ref: '../xxxx’
}]
}

则可用grid.xxxx来取xxxx组件并操作,而不是取grid.tbar.xxxx;

如果把ref定义改为 ref: ‘xxxx’,则要用grid.tbar.xxxx来操作;

ref相当于定义了一个路径.

另外items相当于一个数组,不是组件,例如:

var form=new Ext.form.FormPanel{
    ....
    items: [{
        xtype: 'xxxx',
        ref: 'xxxx’
}]
}

这里则可用form.xxxx取xxxx组件…