6、Ext JS开发：表单、按钮、菜单、工具栏与网格数据展示

Ext JS开发：表单、按钮、菜单、工具栏与网格数据展示

1. 表单相关操作

在进行表单操作时，为其提供URL和参数配置即可。参数配置代表作为POST/GET参数发送到服务器端脚本的数据，默认以POST参数形式发送。

1.1 对象引用与组件配置对比

在设置组件时，有实例化和组件配置两种方式，下面为你详细介绍：
- 实例化方式 ：

var test = new Ext.form.TextField({
    fieldLabel: 'Title',
    name: 'title',
    allowBlank: false
});

这种方式会立即创建组件并占用内存，即便组件尚未显示在屏幕上。不过，当需要向最终用户显示该字段时，其显示速度会非常快。
- 组件配置方式 ：

{
    xtype: 'textfield',
    fieldLabel: 'Title',
    name: 'title',
    allowBlank: false
}

组件配置方式只是对使用字段时的操作进行了“描述”，不会立即占用内存，只有在用户需要时才会使用内存。此时，字段会在用户点击或与其他元素交互后渲染，这可能会使初始显示速度稍有减慢。但这种方式具有诸多优势，例如能够通过网络发送配置，即服务器端代码可以生成配置来创建客户端组件。 </