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

[extjs] formpanel 标准提交问题

阅读更多

formpanel 的 标准提交 有 bug?

 var tab2 = new Ext.FormPanel({
        labelAlign: 'center',
        frame:true,
        title: '搜索',
        animCollapse:true,
        labelWidth:70,
        width: 245,
        items: [{
            layout:'form',

            items: [triggerJob, window.jobTitleExt]
        },{
            xtype:'tabpanel',
            plain:true,
            activeTab: 0,

            defaults:Ext.isIE ? {} : {bodyStyle:'padding:10px'},
            items:[{
                title:'找工作',
                layout:'form',
                autoHeight:  true,
                defaultType :  'textfield',
                defaults: {width: 120},
                items : [
                    window.jobTypeExt,
                    window.jobDayExt,
                    window.triggerJobAddress,
                    window.companyNameExt
                ]
            }, {
                title:'找人才',
                layout:'form',
                autoHeight:  true,
                defaultType: 'textfield',
                defaults: {width: 120},
                items: [
                    window.minAgeExt,
                    window.maxAgeExt,
                    window.genderExt,
                    window.degreeExt
                ]
            }
            ]
        }],


//加上这个不能运行 ????
        initialConfig:{
            method:'GET',
            standardSubmit:true,
            url:'ss'
        },
        buttons: [{
            text: '开始搜索' ,
            handler:function() {
                tab2.getForm().getEl().dom.submit();
            }
        }]
    });


    tab2.render('condition');

 

 

文档说 ,设置 initialConfig 能够 初始化 内部的 basicForm ,我想 要 basicform get 提交页面到 ss ,这样子竟然

不行 ,一定要这样写,丑

 

 buttons: [{
            text: '开始搜索' ,
            handler:function() {
                tab2.getForm().getEl().dom.action = (tab.getActiveTab().title != '找人才' ? 'zpqz.jsp' : 'rcss.jsp');
                tab2.getForm().getEl().dom.submit();
            }
        }]

 

 

 

分享到:
评论

相关推荐

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

    extjs中的formPanel以及表单的应用

    FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...

    FCKeditor结合extjs实例

    这种结合允许用户在表单提交内容时,享受到类似于桌面应用的文本编辑体验,同时利用ExtJS的其他功能,如表格展示、数据管理和用户界面的美化。 集成FCKeditor到ExtJS应用中通常需要以下步骤: 1. 引入FCKeditor的...

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    extJs中关于formPanel动态添加组件的验证问题

    这篇博客将探讨如何解决EXT JS中关于FormPanel动态添加组件的验证问题。 首先,让我们理解EXT JS FormPanel的基本结构。一个FormPanel由多个字段(field)组成,每个字段都有自己的验证规则。这些规则可以是简单的...

    ExtJs实现数据加载和提交经典代码

    根据提供的文件信息,我们可以深入探讨如何在ExtJS中利用FormPanel进行数据加载和提交的核心概念与实践技巧。 ### FormPanel的Form对象 在ExtJS框架中,`FormPanel`是处理表单数据的一个核心组件。当我们在使用`...

    ExtJs中表单formPanel的横向布局

    在`FormPanel`底部,通过`buttonAlign`属性设为`center`,将“提交”和“重置”按钮居中对齐,增强了界面的美观性和操作便捷性。 ### 六、结论 通过以上分析,我们可以看到在ExtJs中,通过巧妙地结合使用`...

    extjs四种异步提交

    在EXTJS中,异步提交数据是常见的操作,主要用于与服务器进行无刷新的数据交互。这里提到了EXTJS的四种异步提交方式,分别是基于EXT JS的Ajax方法、指定HTML表单的Ajax提交、EXT JS自定义表单的提交以及使用Action...

    extjs4如何给同一个formpanel不同的url_.docx

    在EXTJS4的API中,通常我们会看到一个`url`属性,这个属性指定了FormPanel在提交表单时将数据发送到的服务器端处理地址。然而,如果希望同一个FormPanel实例能够根据不同的上下文提交到不同的URL,我们需要稍微调整...

    ExtJs 动态添加表单

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序,特别是Web应用的用户界面。它提供了丰富的组件模型、数据绑定机制以及丰富的API,使得开发者能够创建功能丰富的动态表单。在"动态添加表单"这个主题...

    如何提交Extjs 中的表单

    在ExtJS中,提交表单是一项常见的操作,用于将用户在表单中填写的数据发送到服务器进行处理。本文将详细讲解如何在ExtJS环境中实现表单的提交,并结合Java Web后端进行交互。 首先,我们需要了解ExtJS中的表单组件...

    extjs上传全代码

    EXTJS的FormPanel支持`submit()`方法,可以发起Ajax提交,将表单数据发送到服务器。 5. **Iframe Transport**: 由于HTML5的FormData对象和XMLHttpRequest API在某些老旧浏览器中可能不支持,EXTJS通常会使用隐藏的...

    extjs_php向后台提交json_post的接收方法实例

    在ExtJS中,我们可以使用`Ext.Ajax.request`或FormPanel的`submit`方法来发送POST请求。例如: ```javascript Ext.Ajax.request({ url: 'post.php', method: 'POST', params: { data: Ext.encode({key1: 'value...

    ExtJs 登陆框、框架

    2. ExtJS数据提交:使用FormPanel的submit方法进行AJAX提交。 3. C#后端API设计:创建接收登录请求并验证的接口。 4. 前后端交互:JSON格式的数据交换,HTTP请求与响应处理。 5. 用户界面特效:利用CSS3和ExtJS内置...

    extjs2.1库文件

    6. **表单组件**:ExtJS的FormPanel提供了丰富的表单元素,如文本框、下拉框、复选框等,并支持验证、提交等功能,使得创建复杂的表单变得轻松。 7. **图表组件**:虽然ExtJS 2.1的图表功能相对较弱,但仍然提供了...

    Extjs2.x 实现文件上传组件

    总的来说,ExtJS 2.x实现文件上传组件涉及到的主要知识点包括:FormPanel组件的使用、FileUploadField的创建、表单的Ajax提交、以及可能需要的额外插件如UploadProgress。通过这些技术,开发者可以构建出功能完备、...

    asp.net下extjs完整实例

    用户可以通过EXTJS的FormPanel进行预订操作,提交表单数据到ASP.NET的服务器端方法,处理预订逻辑并返回响应。 EXTJS还支持Ajax通信,这与ASP.NET的MVC模式或Web Forms模式都非常契合。EXTJS的Ajax请求可以调用ASP...

    Extjs测试题

    9. formpanel提交表单:在formpanel中提交表单时,需要配置正确的参数。这些参数通常包括action指向处理表单数据的URL地址,以及method指定提交的方式(如GET或POST)。submit方法没有Params、Proxy、url、autoLoad...

    ExtJS4如何给同一个formpanel不同的url

    标题和描述提到的问题,实际上涉及到如何动态地改变FormPanel的提交目标URL。 首先,FormPanel在初始化时,可以通过`url`配置项来设定默认的提交地址。例如,如下的代码片段展示了如何创建一个简单的FormPanel,并...

Global site tag (gtag.js) - Google Analytics