隐藏字段Ext.form.field.Hidden

最新推荐文章于 2020-07-30 03:14:27 发布

weixin_33701617

最新推荐文章于 2020-07-30 03:14:27 发布

阅读量394

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/1773772/blog/612461

2019独角兽企业重金招聘Python工程师标准>>>

<div id="hiddenForm" class="w_320">
    <h2>表单隐藏字段</h2>
</div>

Ext.onReady(function(){
    //Ext表单
    
    //Ext.form.Basic 基本表单组件二(拾取器字段Picker)
    //开发中使用表单面板组件Ext.form.Panel,它本质是一个标准的(面板)Ext.panel.Panel,它内置并自动创建了Ext.form.Basic基本表单组件
    //与原始表单主要3点不同(1.提交方式 2.表单验证 3.表单组件)
    //1.提交方式(同步---异步)
    //2.表单验证(需要手动验证----配置即可使用)
    //3.表单组件(基本的组件------扩展的功能强大的组件)
    
    //Picker抽象类,具有唯一的触发按钮用于在字段下方动态弹出面板
    //拾取器组件如：(1.ComboBox,2.Date,3.Time)
    
    //初始化信息提示功能
    Ext.QuickTips.init();
    
    //二、隐藏字段Ext.form.field.Hidden
    var hiddenForm = Ext.create('Ext.form.Panel',{
        title : 'Ext.form.field.Hidden示例',
        width :　300,
        height : 140,
        renderTo 　: 'hiddenForm',
        frame : true,
        bodyStyle : 'padding:5px',
        defaultType : 'textfield',
        defaults : {
            width : 200,
            labelWidth : 70,
            labelSeparator : ': ',
            labelAlign : 'left'
        },
        items : [{
            name : 'username',
            fieldLabel : '用户名'
        },{//隐藏域
            name : 'age',
            xtype : 'hidden',
            value : 50
        },{
            name : 'sex',
            fieldLabel : '性别'
        }],
        buttons : [{
            text : '确定',
            handler : function(){
                console.info(hiddenForm.getForm().getValues());
            }
        }]
    });
    
});

转载于:https://my.oschina.net/u/1773772/blog/612461