• ExtJS4 给同一个formpanel不同的url


    formpanel能够这样使用,api上的样例:

     var panel=Ext.create('Ext.form.Panel', {
        title: 'Simple Form',
        bodyPadding: 5,
         350,
    
        // 将会通过 AJAX 请求提交到此URL
        //url: 'save-form.php',
    
        // 表单域 Fields 将被竖直排列, 占满整个宽度
        layout: 'anchor',
        defaults: {
            anchor: '100%'
        },
    
        // The fields
        defaultType: 'textfield',
        items: [{
            fieldLabel: 'First Name',
            name: 'first',
            allowBlank: false
        },{
            fieldLabel: 'Last Name',
            name: 'last',
            allowBlank: false
        }],
    
        // 重置 和 保存 按钮.
        buttons: [{
            text: '重置',
            handler: function() {
                this.up('form').getForm().reset();
            }
        }, {
            text: '保存',
            formBind: true, //only enabled once the form is valid
            disabled: true,
            handler: function() {
                var form = this.up('form').getForm();
                if (form.isValid()) {
                    form.submit({
                        success: function(form, action) {
                           Ext.Msg.alert('保存成功', action.result.msg);
                        },
                        failure: function(form, action) {
                            Ext.Msg.alert('操作失败', action.result.msg);
                        }
                    });
                }
            }
        }],
        renderTo: Ext.getBody()
    });

    再看API,formpanel居然没有url的配置,也没有获得api的函数。。想来应该是formpanel的父类的參数。

    后来去看了看ext.form.basic,果然有url配置项。。

    在Ext中FormPanel并中并不保存表单数据,当中的数据是由BasicForm保存,在提交表单的时候须要获取当前FormPanel中的BasicForm来进行提交. 

     在获取BasicForm对象后便可进行表单的提交操作



    由于要在项目中要用到2个组件。这2个组件唯一的区别是提交的url不一样,故我在定义组件时未定义url这一项


    然后在组件加入到不同容器时顺便把不同的url也给上,以上面那个样例为例


    在须要的地方

    panel.getForm().url='../LogSelectServlet';//在不同的地方能够像这样赋值不同的URL

    这样的方法对于组件的重用是一个不错的方法。。



  • 相关阅读:
    【建兰普及模拟赛第一场】20181023
    【Uva11400 Lighting System Design】动态规划
    【洛谷 P2388 阶乘之乘】模拟
    【Uva1025 A Spy in the Metro】动态规划
    【洛谷P2028 龙兄摘苹果】动态规划
    【洛谷P1507 NASA的食物计划】动态规划
    【洛谷P1795 无穷的序列_NOI导刊2010提高(05)】模拟
    【洛谷P1281 书的复制】二分+动态规划
    【洛谷P4933 大师】动态规划
    「GXOI / GZOI2019」旧词
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6746905.html
Copyright © 2020-2023  润新知