`
hwpok
  • 浏览: 252009 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext 提交一个Form到Servlet

    博客分类:
  • EXT
阅读更多
function myForm_1() {
    Ext.QuickTips.init();
    Ext.lib.Ajax.defaultPostHeader 
+= '; charset=utf-8'
    
var form = new Ext.FormPanel({
        frame : 
true,
        width : 
300,
        monitorValid : 
true,// 绑定验证
        layout : "form",
        labelWidth : 
70,
        title : 
"添加个人信息",
        labelAlign : 
"left",
        renderTo : Ext.getBody(),
        submit : 
function() {
            
this.getEl().dom.action = '/ext/servlet/Login.do', this.getEl().dom.method = 'POST', this
                    .getEl().dom.submit();
        },
        items : [{
                    xtype : 
"textfield",
                    fieldLabel : 
"用户名",
                    id : 
"userName",
                    allowBlank : 
false,
                    blankText : 
"不能为空,请正确填写",
                    name : 
"userName",
                    anchor : 
"90%"
                }, {
                    xtype : 
"textfield",
                    fieldLabel : 
"昵称",
                    id : 
"smallName",
                    name : 
"smallName",
                    anchor : 
"90%"
                }, {
                    xtype : 
"datefield",
                    fieldLabel : 
"注册日期",
                    id : 
"regDate",
                    name : 
"regDate",
                    anchor : 
"90%"
                }],
        buttons : [{
                    text : 
"确定",
                    handler : 
function() {
                        form.form.submit();
                    },
                    formBind : 
true
                }, {
                    text : 
"取消",
                    handler : 
function() {
                        form.form.reset();
                    }
                }]
    });
}
Ext.onReady(myForm_1);
分享到:
评论

相关推荐

    EXT制作的FORM,可以与Servlet进行交互

    综上所述,EXT form与Servlet的交互是一个涉及前端和后端协同的过程,利用EXT的组件化和AJAX特性,可以创建出交互性强、用户体验良好的Web应用。同时,EXT提供的丰富配置和定制选项使得开发者能够根据需求进行精细的...

    Ext一个登陆的小例子 (java+servlet)

    在本文中,我们将深入探讨如何使用EXT框架与Java Servlet技术构建一个简单的登录示例。EXT是一个强大的JavaScript前端框架,主要用于创建交互式、响应式的Web应用。而Java Servlet是后端服务器端的技术,用于处理...

    extjs+servlet实现图片上传

    通过上述步骤,我们可以使用ExtJS 3和Servlet创建一个基本的图片上传功能。在实际应用中,可能还需要考虑更多细节,比如进度条显示、多文件上传、图片预览等功能,这需要更复杂的前端交互和后端逻辑。总的来说,理解...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    Ext项目实例 js sevlet

    1. **Ext.Ajax请求**:使用Ext.Ajax模块向Java Servlet发送异步请求,获取或提交数据。例如,通过`Ext.Ajax.request`方法设置URL、请求方法(GET或POST)、回调函数等。 2. **Servlet响应处理**:在Servlet端,我们...

    EXT3.0 JSP上传

    EXT3.0提供了多种组件,如FormPanel、FileUploadField等,可以帮助我们构建一个用户友好的文件上传界面。FormPanel可以容纳表单元素,而FileUploadField则是一个特殊的输入字段,允许用户选择本地文件进行上传。 ...

    extjs+servlet+json简单应用

    在这个“extjs+servlet+json简单应用”中,我们将探讨如何将这三个技术结合使用,构建一个简单的Web应用。 首先,我们需要理解ExtJS如何与后端进行通信。ExtJS中的Ajax类提供了与服务器交互的能力,它支持发送GET和...

    Ext Jsp 聊天室 jschat

    - **Ext Form**:用于用户输入消息,包括文本字段和提交按钮。 - **Ext Toolbar**:可能包含额外的操作按钮,如清空聊天记录或查看历史记录。 5. **Ajax通信** Ext JS的Ajax组件如`Ext.Ajax`或`Ext.data.Proxy`...

    ext实现文件上传 后台java实现

    EXTJS中的文件上传主要依赖于`Ext.form.Panel`中的`FileField`组件,它模拟了一个HTML的`<input type="file">`元素,允许用户选择本地文件。`FileField`组件可以通过`fieldLabel`属性设置标签,`name`属性定义字段名...

    Ext 文件上传demo

    EXT文件上传Demo是一个基于EXT库实现的交互式文件上传示例。EXT是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。它提供了丰富的组件库,包括表格、面板、菜单、表单等,以及复杂的布局管理和数据...

    Ext4+SpringMVC实例Demo源码

    Ext4是一个JavaScript库,主要用于构建复杂的Web应用程序,提供丰富的用户界面组件和强大的数据管理功能。而SpringMVC是Spring框架的一部分,它是一个用于构建Web应用的模型-视图-控制器(MVC)架构。 在"Ext4+...

    java使用ext实现的图片上传,

    开发者需要创建一个Servlet,接收上传的文件,将文件保存到服务器的指定位置,然后返回一个响应,告知前端上传是否成功。例如: ```java @WebServlet("/uploadServlet") public class UploadServlet extends ...

    servlet上传下载

    总结来说,Servlet结合Dropzone可以构建一个功能完善的文件上传下载系统。Servlet处理HTTP请求,实现文件的接收与发送,而Dropzone则提供了友好的前端交互体验。了解并掌握这些技术,对于开发高效、用户友好的web...

    JSP+ext+人力资源管理系统

    4. **EXT Form**:用于创建各种表单,如员工信息录入、请假申请等,与后端数据交互,实现数据的提交和验证。 整体来看,“JSP+EXT+人力资源管理系统”是一个典型的Java Web应用,结合了服务器端的动态处理能力与...

    extjs+servlet

    - **Ajax通信**:Ext.Ajax模块用于发送异步请求,与Servlet交互,获取或提交数据。 2. **Servlet基础** - **生命周期**:Servlet经历初始化、服务、销毁三个阶段,通过`init()`, `service()`, `destroy()`方法...

    Ext+JS高级程序设计.rar

    6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext.data.Record 198 7.4 ArrayReader、...

    exttld(ext标签)demo

    例如,可能会使用`<ext:form>`标签创建登录表单,`<ext:textfield>`创建输入框,`<ext:button>`创建提交按钮等。这些标签会自动处理用户的输入,并与后端控制器进行交互。 3. **控制器**:在SSH框架中,Struts的...

    Ext相册实现文件拖拽,实时上传进度,本地预览

    本教程将详细讲解如何利用EXT4、HTML5以及Servlet或Struts2技术栈来实现一个功能强大的相册系统,其中包括文件拖拽上传、实时上传进度显示以及本地预览功能。 **EXT4组件库** EXT4是一个JavaScript框架,用于构建富...

    java ajax ext实例

    EXT.js 是一个基于JavaScript的前端UI框架,专门用于构建富互联网应用(RIA)。它提供了大量的预定义组件和丰富的用户界面功能,如数据网格、图表、表单等。 在"Java AJAX ext实例"中,我们主要探讨以下几个关键...

    使用Ext2.0的Ajax连接ArcIMS例子

    本文通过一个具体的例子来介绍如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互,实现向服务器发送请求并处理返回的数据。 #### 二、核心概念简介 1. **Ext2.0**:一个开源的JavaScript库,用于构建交互式的...

Global site tag (gtag.js) - Google Analytics