extjs总结.docx

EXTJS 是一种基于 JavaScript 的富客户端框架，常用于构建企业级的 Web 应用程序。在EXTJS中，我们可以利用其强大的组件模型和数据绑定机制，构建复杂的用户界面。以下是一些EXTJS的关键知识点： 1. **配置对象**：EXTJS中的组件通常通过配置对象进行初始化，例如`Ext.Msg.show`方法中的`{title: 'Milton', msg: 'Have you seen my stapler?', buttons: {yes: true, no: true}}`。配置对象允许我们定制组件的各个属性，如标题、消息以及按钮。 2. **数组表示法**：在配置对象中，方括号`[]`代表数组，例如`{name: ['one', 'two', 'three']}`。数组元素可以是任意类型，包括其他配置对象，这使得动态构建复杂结构变得灵活。 3. **事件监听**：EXTJS提供了方便的事件监听机制。例如，监听回车键提交表单：`{specialkey: function(f,e){ if (e.getKey() == e.ENTER) {...}}`。这种方式可以为不同用户操作绑定相应的处理函数。 4. **表单验证**：EXTJS提供了自定义验证类型，如`Ext.form.VTypes`。可以通过定义正则表达式、掩码和错误信息来限制用户输入，如`Ext.form.VTypes['nameVal'] = /^[A-Z][A-Za-z\-]+[A-Z][A-Za-z\-]+$/`。 5. **组件与字段**：EXTJS包含多种组件，如`TextArea`和`HTMLEditor`。`HTMLEditor`提供了一个带工具栏的文本编辑器，可以用于富文本编辑。 6. **工具栏与按钮**：`Ext.Toolbar`是放置按钮的主要容器，`Ext.Button`用于创建交互式的按钮。工具栏中还可以包含分隔符、空格和文本等元素，以实现自定义布局。 7. **数据处理**：EXTJS支持多种数据类型的读取，如字符串、浮点数、日期和布尔值。对于日期，需要指定`dateFormat`以便正确解析和显示。 8. **GridPanel**：GridPanel是EXTJS中的核心组件，用于展示数据网格。它可以配置`renderTo`属性来决定渲染的位置，`frame`属性用来添加边框，以及其他如列定义、数据源等配置。 EXTJS的强大之处在于它的组件化和可配置性，通过组合不同的组件和设置，可以构建出功能丰富的应用程序。在实践中，掌握EXTJS的组件体系、事件处理和数据管理机制是至关重要的，这将帮助开发者高效地开发出高性能、用户友好的Web应用。