ext当表单中的输入项为必填时,输入项label后显示红色的*

本文介绍如何在ExtJS框架中通过修改allowBlank属性,自动在表单的必填项后面添加红色星号(*),提高用户体验。通过重写Ext.form.field.Base组件的initComponent方法,实现对allowBlank属性的检查,若该属性为false,则在对应的fieldLabel后添加红色星号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

form表单里,当输入项为必填项时,需要将对应item的allowblank属性设置为true,如果item的label后面自带红色的*,表单中哪些输入项是“必填”,哪些输入项是“非必填”,一眼望去清晰明了,对用户来说会更加友好。

将下面的代码,放在页面js代码中Ext.onReady的前面,页面里的必填项的label后面会自带红色的*

代码如下:

/*
 重写allowBank的属性配置
 */
Ext.override(Ext.form.field.Base, {
    initComponent: function () {
        if (this.allowBlank !== undefined && !this.allowBlank) {
            if (this.fieldLabel) {
                this.fieldLabel += '<font color=red>*</font>';
            }
        }
        this.callParent(arguments);
    }
});

 效果图:

 

转载于:https://www.cnblogs.com/daihu/p/10167094.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值