Ext.js 使用技巧与常见问题解析

"本文档是关于EXT框架的学习笔记，主要涵盖了EXT库中的一些基本操作和常见问题的解决方案。" EXT是一个基于JavaScript的富客户端应用开发框架，由Sencha公司开发，用于构建高性能、交互性强的Web应用程序。在EXT中，我们可以方便地创建各种组件，如表格、面板、表单等，并通过其强大的数据绑定机制与后端进行数据交换。 1. **元素获取与值设置**： - `Ext.getDom("txtFsoDate")`: 这个方法用于通过ID获取DOM元素，然后设置其`value`属性为当前日期的新格式，如'Y-m-d H:m:s'。 - `Ext.get('organNo').getValue()`: 使用EXT获取具有指定ID的元素，并获取其值。 - `Ext.getCmp('parentIdValue').setValue(1)`: `getCmp`方法用于根据组件ID获取EXT组件，并设置其值。 - `Ext.getCmp('parentIdValue').getValue()` 和 `Ext.getCmp('test').getValue()`: 获取组件的值。 2. **组件操作**： - `Ext.getCmp("myFirstPanel").setTitle("新标题")`: 改变面板的标题。 3. **表单操作**： - `Ext.getCmp("formId").getForm()`: 获取表单对象，可以用于验证、提交等操作。 4. **下拉框操作**： - `xtype:"combo"`: 定义一个下拉框组件。 - `store:mzstore`: 为下拉框设置数据存储（store）。 - `valueField:'id'` 和 `displayField:'name'`: 分别定义选中项对应的值字段和显示字段。 - `Ext.getCmp('race').getRawValue()` 和 `Ext.getCmp('race').getValue()`: 分别获取下拉框的显示值和实际值。 - `Ext.getCmp('race').setValue(valueField)`: 设置下拉框的选中值。 5. **数据存储和数据读取**： - `new Ext.data.Store`: 创建一个数据存储对象。 - `successProperty:'success'`: 指定服务器响应的成功属性。 - `url:path+'/user/findByPersoList.do'`: 数据请求的URL。 - `reader:new Ext.data.JsonReader`: 定义数据解析器，用于处理服务器返回的JSON数据。 - `totalProperty:"total"` 和 `root:"results"`: 分别定义总记录数属性和数据数组根。 - `fields`定义了数据字段的名称。 6. **远程排序**： - `remoteSort:true`: 表示数据排序将在服务器端进行。 7. **方法调用**： - `public void findByPers`: 这可能是服务器端的一个方法，用于处理EXT发送的数据请求并返回结果。 EXT框架提供了丰富的组件和功能，使得开发者可以构建复杂的前端应用。通过理解并掌握上述知识点，开发者可以更加高效地进行EXT应用的开发和维护。在实践中，不断探索和学习EXT的更多高级特性，如数据绑定、组件通信、布局管理等，将有助于提升应用的质量和用户体验。