【问题标题】:How to change required field asterisk in ExtJs 4.2如何在 ExtJs 4.2 中更改必填字段星号
【发布时间】:2013-08-19 19:44:32
【问题描述】:

我需要将必填字段 (allowBlank: false) 的星号指示符的位置更改为字段标签之前。就像下面的图像:

我在 sencha 文档中找不到合适的方法。

这里有一个similar question,但它不适用于 ExtJs 4.2。

【问题讨论】:

    标签: extjs extjs4.2


    【解决方案1】:

    下面的代码 sn-p 按我的意愿工作。

    beforeLabelTextTpl: [
        '<tpl if="allowBlank == false">',
            '<span class="' + Ext.baseCSSPrefix + 'required">*</span>',
        '</tpl>'
    ]
    

    【讨论】:

    • 不错。知道如何在动态更改“allowBlank”后激活此模板吗?就像当一个字段获得某些值时,其他字段成为强制性的。
    【解决方案2】:

    afterLabelTplafterLabelTextTpl 已添加到 4.1.0 中,应该可以满足您的需求。

    【讨论】:

    • 酷,很高兴有用。顺便说一句,通常“必需”星号在标签之后。
    • 这是我们的网页设计师对可访问性的建议。正如她所说,必需的asterisk 应该出现在屏幕阅读器标签之前,首先检查哪些字段是必需的。
    【解决方案3】:
     {
        xtype : 'label',
        html:'<span>First Name</span><span style="color: rgb(255, 0, 0); 
        padding-left: 2px;">*</span>',
        width:50,
     }
    

    试试这个。

    【讨论】:

      猜你喜欢
      • 2019-07-23
      • 2022-01-24
      • 2011-12-18
      • 1970-01-01
      • 1970-01-01
      • 2014-06-02
      • 2016-05-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多