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