`
Aguo
  • 浏览: 33121 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

答复: Ext2.0 Form表单提交然后跳转到其它页面问题。

EXT 
阅读更多
供参考
    var simple = new Ext.form.FormPanel({
        labelWidth: 55, // label settings here cascade unless overridden
        frame:true,
        bodyStyle:'padding:5px 5px 0',
        width: 230,
        defaults: {width: 120},
        defaultType: 'textfield',
        renderTo: 'div_search',

        items: [{
                fieldLabel: searchLabel,
                name: 'keyword',
                id:'keyword',
                allowBlank:true
            },new SearchComboBox({
                hiddenName: 'scope',
                url: './builder.do?button(loadFields)&field(entity)='+config.entity,
                emptyText:scopeLabel,
                label:scopeLabel
            })
        ],

        buttons: [{
            text: searchButtonText,type:'submit',
            handler: function(e){
                simple.submit();
            }
        }],

        onSubmit: Ext.emptyFn,
        submit: function() {
            var form = simple.getForm().getEl().dom;
            form.action = "./"+config.name+".do?button(popup)";
            form.target='master_list';
            form.submit();
        }
    });
分享到:
评论
2 楼 amendar 2008-08-27  
代码很实用,谢谢这位仁兄~~
1 楼 sbdwtg00 2008-08-14  
非常感谢您提供的代码,已成功跳转到相应的页面,有些参数,希望您给解释一下:
# var simple = new Ext.form.FormPanel({  
#     labelWidth: 55, // label settings here cascade unless overridden  
#     frame:true,  
#     bodyStyle:'padding:5px 5px 0',  
#     width: 230,  
#     defaults: {width: 120},  
#     defaultType: 'textfield',  
#     renderTo: 'div_search',  
#   
#     items: [{  
#             fieldLabel: searchLabel,  
#             name: 'keyword',  
#             id:'keyword',  
#             allowBlank:true  
#         },new SearchComboBox({  
#             hiddenName: 'scope',  
#             url: './builder.do?button(loadFields)&field(entity)='+config.entity,//这个链接做什么用?  
#             emptyText:scopeLabel,  
#             label:scopeLabel  
#         })  
#     ],  
#   
#     buttons: [{  
#         text: searchButtonText,
#         type:'submit',//为什么要指定这个呢?  
#         handler: function(e){  
#             simple.submit();  
#         }  
#     }],  
#   
#     onSubmit: Ext.emptyFn,//emptyFn指的是什么呢?  
#     submit: function() {  
#         var form = simple.getForm().getEl().dom;  
#         form.action = "./"+config.name+".do?button(popup)";  
#         form.target='master_list';  
#         form.submit();  
#     }  
# }); 

相关推荐

    Ext 登陆页面

    如果表单提交成功,则跳转到指定页面;如果失败,则弹出提示并清空表单。 ### 4. 结论 通过这段代码,我们可以看到Ext JS框架的强大之处,它能够轻松地帮助我们创建复杂的用户界面,并且支持丰富的交互效果和数据...

    ext java登录案例

    这通常涉及到EXT的`Ext.form.Panel`组件,它允许我们定义表单布局、字段和行为。在DEMOLOGIN.HEML文件中,我们可能看到这样的代码结构: ```html <!DOCTYPE html> ...

    ext几个实例

    成功时,可能会跳转至主页面;失败时,则显示错误信息。EXTJS提供了丰富的UI组件,可以方便地创建各种反馈提示。 **6. Ext.AJAX.Request常用参数** - **url**: 服务器端接口地址。 - **params**: 请求参数,以键值...

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

    // 用户认证成功,设置会话属性,跳转到主页面 } else { // 用户认证失败,返回错误信息 } } private boolean isValidUser(String username, String password) { // 这里应该连接数据库进行真实的身份验证 ...

    可编辑表格Ext.grid.EditorGridPanel

    用户可以直接在表格中修改数据,而无需跳转到单独的编辑页面。 二、核心特性 1. 可编辑性:EditorGridPanel允许用户通过点击单元格直接编辑数据,提高了数据输入的效率。 2. 绑定数据:它可以与各种数据源(如Store...

    ext中文教程

    - **更多组件**:除了 MessageBox 和 Grid 外,Ext 还提供了大量的其他组件,如 Panel、Form、Toolbar 等,可以满足不同场景的需求。 #### 8. 使用 Ajax - **发送请求**:使用 `Ext.Ajax.request` 方法发起异步...

    PacktPub.Mastering.Ext.JS.Jul.2013

    1. **组件化开发**:理解Ext JS的组件模型,如何创建和使用组件,如面板(Panel)、表单(Form)、网格(Grid)等,以及如何通过布局(Layouts)管理组件的排列。 2. **数据绑定**:学习Ext JS的数据模型(Model)...

    ExtJs4登录示例

    服务器返回的成功或失败信息会被处理,以更新用户界面,比如显示错误消息或跳转到新页面。 7. **回调函数**:在表单提交过程中,可以设置回调函数来处理服务器的响应。例如,成功登录后,可能会关闭登录窗口并打开...

    ext+struts2整合实现登陆

    - 验证成功后,Struts2会返回一个结果,这可以通过结果类型(例如:success、error)来决定跳转到哪个页面。EXTJS端可以根据不同的结果类型更新页面状态,如显示登录成功提示或者错误信息。 6. **EXTJS响应处理**...

    extjs实现登陆验证

    - `subjectForm()`函数处理表单提交逻辑,先验证表单是否有效,然后通过Ajax调用后端登录接口,根据响应结果跳转到不同的页面或显示错误信息。 5. **动态生成验证码图片**:在登录界面中,通过JavaScript动态插入...

    ext实现完整的登录代码

    在EXT JS中,实现一个完整的登录界面涉及到许多关键概念和技术,包括组件创建、表单处理、数据验证、用户交互及异步通信。以下是对给定代码的详细解释: 1. **EXT JS表单(Ext.form.Panel)**: `Ext.FormPanel` ...

    ExtJs做的用户登陆!ASP后台

    在ExtJS中,我们可以使用`Ext.form.Panel`来创建一个表单,然后添加`Ext.form.field.Text`组件作为用户名和密码输入框,`Ext.button.Button`作为登录按钮。例如: ```javascript var loginForm = Ext.create('Ext....

    EexJS实现多文件上传与下载

    在表单提交事件中,我们需要阻止默认的表单提交行为,然后使用`Ext.Ajax.request`或`form.submit`方法,设置`method`为`POST`,`useUpload`为`true`来启用文件上传。同时,`params`字段可以用于传递其他非文件数据,...

    extjs和struts的技术结合

    3. **Ext.form表单**:ExtJS的表单组件支持多种字段类型,并且提供了丰富的属性来控制表单的行为和样式,如label对齐、错误提示等。 4. **表单重置**:ExtJS提供了方便的方法来重置表单,清除用户输入的数据,恢复...

    jQuery.form插件的使用及跨域异步上传文件

    而使用jQuery.form插件,可以将以AJAX形式异步提交表单,不需要跳转页面,这对于用户体验而言是一种提升。使用该插件,开发者可以很容易地通过简单配置实现文件的异步上传。 接下来是跨域上传的核心问题。由于...

    Extjs中文教程

    - 通过`Ext.form.FieldSet`组件可以将表单分割成多个部分。 - 每个部分可以有自己的标题和布局方式。 - **表单初始化** - 初始化表单通常涉及设置初始值、绑定事件处理器等。 - 可以在`Ext.form.FormPanel`的`...

    Extjs 后台模板

    模板可能已经内置了基于角色的权限控制和面包屑导航等元素,方便开发者进行权限设置和页面跳转。 6. **主题和样式**:ExtJS 允许自定义主题,模板可能会提供一种或多种预设的主题风格,以满足不同项目的需求。同时...

    php+js iframe实现上传头像界面无跳转

    首先,前端HTML部分通过创建一个表单(form),并设置其target属性为目标iframe,使得表单提交时不会刷新或跳转到其他页面。表单中包含一个文件输入(input type="file"),供用户选择图片文件,以及一个隐藏的提交...

    页面只有一个text的时候,回车自动submit的解决方法

    例如,如果页面只有一个文本输入框,用户按回车键可能会导致页面刷新或跳转到其他页面,这可能会影响用户体验或者导致数据丢失。标题中的问题就是关于如何防止这种情况发生,即在用户按下回车键时,不触发表单的默认...

Global site tag (gtag.js) - Google Analytics