extjs中去掉form表单标签后面的冒号

最新推荐文章于 2023-02-17 14:08:41 发布

amohan

最新推荐文章于 2023-02-17 14:08:41 发布

阅读量2.6k

点赞数

分类专栏： extjs 文章标签： extjs 表单标签冒号

本文链接：https://blog.csdn.net/amohan/article/details/50119507

版权

extjs 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用 labelSeparator定义分隔符，默认是冒号，修改为 labelSeparator:'@'，则是以@分割，具体如下：

{
	xtype: 'checkbox',
	fieldLabel: 'do you want save account  ? ',
	name: 'isSaveAccount',
	inputValue: '1',
	labelWidth: 300,
	labelStyle : "text-align:right;width:300;",  
	checked: true,
	labelSeparator:''
}

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,

    // The form will submit an AJAX request to this URL when submitted
    url: 'save-form.php',

    // Fields will be arranged vertically, stretched to full width
    layout: 'anchor',
    defaults: {
        anchor: '100%',
         labelSeparator:'@'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',  
        allowBlank: false
    },{
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Reset',
        handler: function() {
            this.up('form').getForm().reset();
        }
    }, {
        text: 'Submit',
        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('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        }
    }],
    renderTo: Ext.getBody()
});