【问题标题】:Extjs - How to add space between checkbox and field label?Extjs - 如何在复选框和字段标签之间添加空格?
【发布时间】:2018-06-06 07:26:15
【问题描述】:

如何在复选框和文本(fieldLabel)之间添加空格?

我尝试添加width: 200,,但它不起作用

var delete = Ext.create('Ext.form.field.Checkbox', {
        itemId : 'deleteMICR',
        name: 'deleteMICRDataID',
        fieldLabel : 'Delete MICR Data ?' + '<span id = "deleteMICRHelpIconId" ><img src="../static/images/help_icon.png" height="18" class="icon"/></span>',
        hidden : true,
        width: 500,
        listeners: {
            render: function(c) {
              new Ext.ToolTip({
                target: Ext.get('deleteMICRHelpIconId'),
                html: 'This is applicable only XXXXXX'
              });
            }
        }
    });

【问题讨论】:

  • 视情况而定。你可以试试labelWidth。如果这还不够,请提供更多上下文。

标签: extjs


【解决方案1】:

您需要使用labelWidth

这是小提琴:FIDDLE

【讨论】:

    【解决方案2】:

    另外,如果您希望标签位于复选框的右侧,请使用“boxLabel”属性。

    【讨论】: