buttons: [{
text: 'Login',
handler: function (){
this.disabled = true;
formPanl.form.doAction('submit', {
url : '/Report/print/LoginServlet',
method : 'post',
// 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略
params : '',
// 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据
success : function(form, action) {
document.location = 'layout-browser.jsp'
},
failure : function(form, action) {
var json = action.response.responseText;
var o = eval("(" + json + ")");
Ext.Msg.alert('警告', o.message);
}
});
this.disabled = false;
}
}]
分享到:
相关推荐
2. **文本输入字段**: 这是最常见的字段类型之一,如`{xtype:"textfield", fieldLabel:"用户名", id:"loginName", name:"loginName", allowBlank:false, blankText:"用户名不能为空"}`。这里定义了一个必填的用户...
本示例旨在展示如何使用 Ext Form 来构建基本的表单结构以及与之相关的功能。 在 Ext JS 中,FormPanel 是用来封装表单元素的主要容器。创建一个基本的 FormPanel 需要以下步骤: 1. **引入 Ext JS 库**:确保在 ...
- 组件模型是EXT的核心之一,它定义了组件的基本结构和行为,使得组件可以被轻松地组合和扩展。 - **容器模型Container Model** - 容器模型定义了如何管理和布局子组件的方法,支持多种布局策略。 - **布局Layouts...
在本文中,我们将深入探讨Ext Form组件,这是Ext JS中的核心组件之一,用于创建复杂的表单界面。表单是任何Web应用中收集用户输入的关键部分,而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 ...
1. **Ext Grid组件**:Grid是Ext的核心组件之一,用于展示数据列表。它可以轻松地实现数据的分页、排序、过滤等功能。创建一个Grid通常需要定义store(存储数据)和columns(列配置)。分页功能可以通过配置store的...
它的核心组件之一是表单元素,其中“checkbox”(复选框)是非常常见且重要的交互元素。本篇文章将深入探讨Ext表单组件中的checkbox,以及如何利用源码和相关工具进行定制和优化。 1. **复选框的基本概念** 复选框...
总结,Ext.form.TextField是构建Web应用不可或缺的一部分,掌握其使用方法和配置选项,以及如何结合事件处理和源码分析,将有助于我们更高效地开发功能丰富的表单系统。通过深入学习和实践,我们可以创建出符合业务...
在创建登录框时,通常会用到`Ext.form.Panel`,这是一个包含表单字段、验证和行为的容器。 1. **创建表单容器**: 使用`Ext.form.Panel`来创建登录框的基本结构。你可以定义它的布局、大小、标题以及其他属性。...
EXT 3.3 的数据绑定机制也是其强大之处,它允许开发者将模型(Model)的数据直接绑定到视图(View)上,实现了数据与界面的实时同步。通过Store组件,EXT 3.3 可以轻松处理大量数据的存储和操作,同时支持远程数据源...
EXT提供了强大的数据存储(Ext.data.Store)和数据代理(Ext.data.Proxy)机制,以及与之配套的表格(Ext.grid.Panel)和表单(Ext.form.Panel)组件,使得这些操作变得非常便捷。 1. 创建(Create):在EXT中,...
EXT的布局系统是其强大之处,它允许开发者灵活地组织组件,如面板(Panel)、窗口(Window)等。在登录示例中,`FromPanel`通常被用来展示登录表单,包含用户名和密码输入框,以及登录按钮。`FromPanel`的布局可以是...
这个“Ext中文帮助文档”涵盖了ExtJS 2.1版本的核心类库和常见界面元素,为开发者提供了详尽的源码解析和方法解释。 一、ExtJS 2.1核心组件 在ExtJS 2.1中,主要的组件包括: 1. 表格(Grid):用于展示数据,支持...
4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5....
1. 表格(Grid):EXT3.0的表格控件是其核心功能之一,能够展示大量数据并支持各种交互操作,如排序、过滤、编辑等。通过`Ext.grid.GridPanel`创建表格,设置`store`来绑定数据,利用`columns`定义列配置。此外,还...
4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5....
使用`Ext.form.Basic`和`Ext.form.Panel`,可以轻松实现数据的提交和验证。 2. **EXT4.3动态grid**: - **动态列**:EXT4.3的`Ext.grid.Panel`允许在运行时动态添加、删除和调整列宽。开发者可以通过`columns`配置...
这是ExtJS中最直接的Ajax提交方式之一,适用于表单数据的提交。通过创建一个`FormPanel`实例,并调用`getForm().submit()`方法,可以轻松实现数据的发送与接收。此方法支持设置请求URL、参数、请求类型(如POST或...
四、Grid:Grid是Ext最常用的组件之一,用于展示表格数据。它可以处理大量的数据,支持行选择、排序、分页、列调整等功能。Grid的灵活性在于可以通过配置定义列的类型和行为,如使用模板渲染单元格内容,或者添加...
"YearField"作为EXT组件之一,它的使用可以极大地提升用户体验,特别是在需要简洁年份选择的场景下。 使用EXT6的YearField,开发者可以轻松地在应用中添加一个年份选择器。以下是一些关于YearField的关键知识点: ...
在当今快速发展的互联网世界中,用户体验是产品设计的核心考量之一。特别是在长时间编辑文本的场景下,如撰写博客或邮件,自动保存功能成为提升用户体验的关键特性。本文将深入探讨如何利用ext-core和ajax技术实现这...