Extjs 的 TextField 後面加上紅星標記

今天做項目，介面布局採用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);
}