1 MessageBox（消息提示框）

Ext.onReady(function() {
    var paragraphClicked = function(e) {
        var paragraph = Ext.get(e.target);
        paragraph.highlight();
        Ext.MessageBox.show({
            title: 'Paragraph Clicked',
            msg: paragraph.dom.innerHTML,
            width:400,
            buttons: Ext.MessageBox.OK,
            animEl: paragraph
});
    }
    Ext.select('p').on('click', paragraphClicked);
});
测试时加入<p> this is paragraph,please click</p>

传入到MessageBox.show的只有一个参数：一个Object literal（对象字面化）,包含一组属性和属性值。在Javascript中，对象字面化是动态的，你可在任何时候用{和}创建一个典型的对象 (object)。其中的字符由一系列的name/value组成的属性，属性的格式是[property name]:[property value]。

2 Grid（表格）

• 第一行创建数组并作为数据源。实际案例中，你很可能从数据库、或者WebService那里得到动态的数据。
• 接着，我们创建并加载data store， data store将会告诉Ext的底层库接手处理和格式化这些数据。不同的数据类型须在类Reader中指明。
• 接着，我们创建一个Grid的组件，传入各种的配置值，有：
  • 新的data store, 配置好测试数据和reader
  • 列模型column model定义了 列columns的配置
  • 其他的选择指定了Grid所需的功能
• 最后，通过SelectionModel告诉Grid高亮显示第一行。

呵呵 ，现在这歇下，一会在学习 layouts, tabs, menus, toolbars, dialogs, tree view等等。

1 Tabs

test.html
ExtStart.js

可以动态链接的Tab