ExtJS三种类型详解：列表、特殊列表与树形

"这篇文档主要介绍了ExtJS中的三种类型，分别是列表Grid、特殊Grid（树形列表）以及纯粹的树形结构。文档中详细列举了各种类型的Grid在实际应用中的功能和操作，如待办事项的管理、项目办理、审计查看、延期申请、进度反馈、移交申请以及相关事务的处理等。" 在ExtJS中，有多种类型的组件用于数据展示和交互，其中最常用的是Grid。Grid是一种用于展示和操作表格数据的组件，具有强大的数据管理和用户交互功能。 1. **列表Grid**：这是最常见的ExtJS Grid类型，用于显示和操作列表数据。例如，待办事项管理就使用了这种Grid，它通常包含列头、分页条和工具栏。工具栏可以包含各种动作，如“项目组管理”和“项目办理”，这些动作可以通过点击触发不同的业务逻辑，如打开新的窗口或者执行特定的操作。 2. **特殊Grid（树形列表）**：这种类型的Grid结合了列表和树形结构，适用于层次数据的展示。在文档中提到的“窗口：工具条grid分页条”可能就是这样的一个例子，其中树形结构可以用来表示项目的层级关系，而列表部分则用于显示子项目或任务。例如，通过“项目办理”可以打开一个树形列表窗口，允许用户新建档案、查看项目详情或进行其他操作。 3. **树形结构**：纯树形结构的ExtJS组件通常用于展示层次化数据，如组织结构、文件系统或项目分类。文档中未提供具体的树形结构示例，但通常树形结构允许用户展开和折叠节点，以及选择节点来执行相关操作。 在这些Grid中，用户交互通常涉及到以下几个核心功能： - **工具条动作**：工具条上的按钮触发各种业务逻辑，如“manage()”方法用于调用后台服务加载模块并打开新窗口。 - **查询功能**：“query()”方法用于实现数据的搜索和过滤。 - **打开新窗口**：通过调用特定方法（如“showWork()”）和传入参数，可以打开新的窗口来展示详细信息或进行更复杂的操作。 - **数据操作**：包括新增（如延期申请）、编辑（如进度反馈）、删除等，通常通过新建窗口来完成这些操作。 在实际开发中，ExtJS的Grid类型可以根据需求进行定制，结合各种功能和组件，以满足复杂的数据管理和用户交互需求。例如，对于审计的窗口，需要调用特定方法来加载任务，而对于进度反馈，可能需要打开一个包含列表的配置窗口，让用户能够查看和提交反馈信息。这些功能的实现依赖于ExtJS丰富的API和强大的数据绑定机制。