Extjs基础操作：Action与BasicForm详解

Ext.js 是一个广泛使用的JavaScript框架，专为构建富客户端应用程序而设计，特别是那些需要高度交互性和用户界面的Web应用。本文将深入探讨Ext.form组件的核心概念，包括Action和BasicForm，这对于初次接触Extjs的开发者来说至关重要。 **1. Ext.form.Action设备项** - **success**: 表示当表单提交成功时执行的回调函数，接收两个参数：form（表示Form实例）和action（表示Action对象）。这是处理服务器响应并更新UI的关键部分。 - **failure**: 提交失败后的回调函数，同样接收form和action作为参数，用于处理错误和通知用户。 - **method**: 定义表单提交的HTTP方法，可能的值包括GET和POST，选择取决于数据的大小和安全性需求。 - **params**: 用于封装传递到服务器的数据，通常是POST请求中的表单数据。 - **url**: 表单动作的提交地址，可以根据具体场景进行定制。 - **waitMsg**: 表达式，当表单正在执行异步操作时显示的提示信息，增强用户体验。 - **属性**： - Action.CLIENT_INVALID: 表示客户端验证失败。 - Action.CONNECT_FAILURE: 表示连接服务器失败。 - Action.LOAD_FAILURE: 加载数据时遇到问题，可能缺少"data"属性字段。 - Action.SERVER_INVALID: 服务器端验证失败。 - failureType: 用于识别错误类型。 - result: 返回的对象，通常包含success属性（布尔值）和可能的msg属性（错误消息）。 - **type**: 动作类型，常见值有submit（提交表单）和load（数据加载）。 - **Ext.form.Action.Submit**: 当执行此类型动作时，服务器响应必须包含success属性，以及可选的errors属性，用于处理验证结果。 - **Ext.form.Action.Load**: 与Submit类似，但重点在于获取数据，success属性表示操作是否成功，data属性包含实际的返回数据。 **2. Ext.form.BasicForm设备项** - **baseParams**: 一组固定的参数，会在每次提交时自动附加到表单请求中。 - **method**: 表单的提交方式，同样支持GET和POST。 - **url**: 表单的默认提交URL，可以自定义，但通常用于基础配置。 - **fileUpload**: 指示表单是否支持文件上传，适用于需要处理文件上传的应用。 - **timeout**: 表单动作的超时时间，默认为30秒，以防长时间等待。 - **trackResetOnLoad**: 是否在表单初始化时自动清空数据，设置为true可提高用户体验。 **方法**： - `doAction(String/Object actionName, [Object options] )`: 执行预定义的动作，支持动态传递参数，如url、method、params等，以及回调函数用于处理动作结果，如success和failure。此外，还提供了客户端验证（clientValidation）选项，以及用于清理无效验证信息的`clearInvalid()`方法和查找特定字段的`findField(String id)`方法。 掌握这些基础知识，对于开发基于Extjs的交互式表单至关重要，无论是处理表单验证、数据提交还是数据加载，都能帮助开发者构建高效且用户友好的Web应用。