今天做项目,界面布局采用Extjs,说实话,Ext挺华丽的,就是使用有点麻烦,参考的书籍也比较少。做表单的时候,有好几项是必填项,一般都会在输入框后面加上 * 作为标记。但是,好像Extjs的TextField没有直接添加的组件,在此贴出一份解决方法,方便自己日后使用,代码如下:
var nameField=new Ext.form.TextField({
fieldLabel: 'Name',
allowBlank:false
});
nameField.on('render',addRedStar);
function addRedStar(obj)
{
var font=document.createElement("font");
font.setAttribute("color","red");
var redStar=document.createTextNode('*');
font.appendChild(redStar);
obj.el.dom.parentNode.appendChild(font);
}
var nameField=new Ext.form.TextField({
fieldLabel: 'Name',
allowBlank:false
});
nameField.on('render',addRedStar);
function addRedStar(obj)
{
var font=document.createElement("font");
font.setAttribute("color","red");
var redStar=document.createTextNode('*');
font.appendChild(redStar);
obj.el.dom.parentNode.appendChild(font);
}
本文介绍了一种在Extjs中为表单的必填字段添加红色星号(*)标记的方法。通过自定义事件监听的方式实现了这一功能,具体步骤包括创建TextField组件,并在渲染时动态添加红色星号。
290

被折叠的 条评论
为什么被折叠?



