ExtJs是基于JavaScript语言开发的一个完全基于AJAX的客户端框架,主要用于构建富客户端RIA应用程序,它为应用程序提供了一系列丰富的界面组件。在本例中,我们将探讨ExtJs在表单提交和登录功能实现方面的应用。 实现ExtJs表单提交和登录效果通常涉及以下几个步骤: 1. 在ExtJs子类中添加单击提交事件处理函数。这一过程涉及到使用ExtJs框架提供的事件监听机制,它允许开发者为特定组件绑定自定义事件处理逻辑。 在提供的代码示例中,通过定义一个名为`loginFun`的函数来处理登录按钮的点击事件。此函数首先通过`Extardy`组件的ID获取对应的表单组件实例,并调用`isValid`方法验证表单数据是否符合要求。只有当数据验证通过后,才会通过调用`submit`方法提交表单,并指定了等待时的标题和消息、提交的URL地址、提交方式、成功处理逻辑以及失败处理逻辑。 2. 在组件初始化过程中绑定登录按钮的点击事件。这通常通过`init`函数完成,它在组件创建后执行。在这个函数中,首先显示登录窗口,然后为登录按钮绑定之前定义的`loginFun`函数,并创建一个加载蒙版,提示用户表单正在加载。 3. ExtJs的`extend`函数用于创建类的继承,允许创建新的子类来扩展或修改父类的行为。这里的`extend`函数接收三个参数:第一个参数是需要被扩展的子类构造函数,第二个参数是父类构造函数,第三个参数是需要被重写的对象。 在本文中,子类为`XQH.ExtJs.Frame.app`,父类是`Ext.util.Observable`,后者是ExtJs提供的一个抽象基类,为事件机制的管理提供了一个公共接口。通过使用`extend`函数,我们可以通过子类继承父类,并且重写父类的一些方法或属性以实现特定的功能。 4. 在服务器端实现对应的登录逻辑处理。在服务器端,通过`UserLogin`方法接收登录请求。此方法接收表单提交的登录名和密码,然后进行验证。如果验证成功,则将用户信息存储在会话中;如果验证失败,则返回错误信息。返回的数据必须是JSON格式,以便客户端通过JavaScript解析并使用。在ExtJs中,通过`action.result.success`或`action.result.rspText`来获取服务器返回的结果。 文章提到将要实现后台界面框架,但未给出具体实现细节。后台界面框架的构建通常涉及到整个Web应用程序的管理、路由、状态控制等高级功能。 根据以上知识点,开发者可以使用ExtJs框架来实现复杂、功能丰富的Web应用程序。需要注意的是,ExtJs的使用虽然强大,但也需要开发者对JavaScript、HTML、CSS以及Web应用开发有一定的理解。此外,随着Web技术的发展,也应关注和学习新兴技术,以便在必要时替换或补充ExtJs框架。
- 粉丝: 0
- 资源: 896
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助