ExtJS的几个小技巧-ext,extjs,js,javascript,ajax,web,教程,源码,视频教程,ext中文,ext实例,ext视频

开发实例--查看文章

ExtJS的几个小技巧

发布时间：2009-4-5

上一篇文章：重写Ext.Ajax.request,Ext.data.Connection 实现数据加载过程中的提示

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

有的时候，有时会根据需要，启用或者禁用某个菜单项，在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             })

GridPanel使用之技巧

var grid = new Ext.grid.GridPanel([{
2     cm: new Ext.grid.ColumnModel({
3         header: '',
4         dataIndex: '',
5         //设置列显示值
6         //v:当前列的值
7         //params:当前列的参数
8         //record:当前记录集
9         renderer: function(v, params, record){}
10     }])，
11     view: new Ext.grid.GroupingView({
12         forceFit: true,
13         groupTextTpl: '{text} ([values.rs.length])',
14         //设置行样式
15         //record: 当前纪录集
16         //index: 行索引
17         //rowParams: 行参数
18         //store: 数据集
19         getRowClass: function(record, index, rowParams, store){
20             return 'style class'
21         }
22     })
23 });

快速搜索

教程专题

Ext 简明教程 EXT 初步教程
EXT架构分析 EXT核心API详解

Extjs,最好的javascript,js,ajax,Web前端开发框架，一看都会被它华丽的外表所吸引。