ExtJS学习总结(不断更新)

一、如何禁用或者启用某个菜单

有的时候，我们在做OA时，有时会根据需要，启用或者禁用某个菜单项，在ExtJS中，可以通过如下的操作进行。

 

 

 1  Ext.onReady( function () {
 2      Ext.BLANK_IMAGE_URL  =   ' resources/images/default/s.gif ' ;
 3      Ext.QuickTips.init();
 4       var  tb  =   new  Ext.Toolbar({
 5          applyTo:  ' tb ' ,
 6          width:  400
 7      });
 8       var  styleMenu  =   new  Ext.menu.Menu({
 9          items: [{
10              text:  ' 主题选择 ' ,
11              id:  ' style ' ,
12              menu:  new  Ext.menu.Menu({
13                  items: [{
14                      text:  ' 红色主题 ' ,
15                      checked:  true ,
16                      group:  ' theme '
17                  }, {
18                      text:  ' 蓝色主题 ' ,
19                      checked:  false ,
20                      group:  ' theme '
21                  }, {
22                      text:  ' 黑色主题 ' ,
23                      checked:  false ,
24                      group:  ' theme '
25                  }]
26              })
27           }, {
28                  text:  ' 启用主题 ' ,
29                  checked:  true ,
30                  checkHandler:  function () { Ext.getCmp( ' style ' ).setDisabled( ! this .checked) }
31           }]
32      });
33      tb.add({ text:  ' 主题 ' , menu: styleMenu });
34  });

 

二、如何设置DateField的默认值。

设置DateField的默认值，可以直接给value属性赋值，如：value:  '01/01/2009'，如果要设置默认值为当天的日期，可以如下设置：value: new Date

1               new  Ext.form.DateField({
2                  id:  ' df ' ,
3                  fieldLabel:  ' 日期 ' ,
4                  format:  ' Y年m月d日 ' ,
5                  width:  150 ,
6                   // value: '01/01/2009'
7                  value:  new  Date
8              })
9