Ext.Component的ref属性

[javascript]  view plain copy

1.  以前想调用某个子组件的，如果不想总是通过Ext.getCmp()方法，就需要写一大串的items去访问，非常麻烦。  

示例代码：

[javascript]  view plain copy

1.    
2. StuEvaluateManageUI = Ext.extend(Ext.Viewport, {  
3.                         layout: 'fit',  
4.                         initComponent: function () {  
5.                             this.items = [  
6.                     {  
7.                         xtype: 'grid',  
8.                        // ref: 'mygrid',  
9.                         id: 'StuEvaluateManageGrid',  
10.                         store: 'StuEvaluateManageJson',  
11.                         viewConfig: {  
12.                             forceFit: true  
13.                         },  
14.                         loadMask: true,  
15.                         colModel: new Ext.grid.ColumnModel({  
16.                             defaults: {  
17.                                 width: 2,  
18.                                 xtype: 'gridcolumn',  
19.                                 align: 'center',  
20.                                 sortable: true  
21.                             },  
22.                             columns: [  
23.                             {  
24.                                 dataIndex: 'Student_name',  
25.                                 width: 1,  
26.                                 header: '学生姓名'  
27.                             },  
28.                             {  
29.                                 dataIndex: 'Course_name',  
30.                                 header: '课程名'  
31.                             }  
32.                         ]  
33.                         })  
34.                     }  
35.         ];  
36.                             StuEvaluateManageUI.superclass.initComponent.call(this);  
37.                         }  
38.                     });  

为了解决这个问题，我先是通过如下代码实现：

[javascript]  view plain copy

1. Ext.apply(StuEvaluateManageView, { /*签到grid*/mygrid: Ext.getCmp('StuEvaluateManageGrid'});  

然后就可以通过StuEvaluateManageView.mygrid直接就可是调用grid组件。

后来悲催地发现居然有ref这个属性，才发现自己的方法有多笨，泪奔。直接加上上述的注释的 ref: 'mygrid'配置项，即可轻松实现StuEvaluateManageView.mygrid访问的grid的功能了