论坛首页 Web前端技术论坛

Extjs中在textfield、numberfield等后面加几个文字

浏览 5196 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-08-08  


{
									xtype : "numberfield",
									anchor : "70%",
									fieldLabel : "综合平均电价",
									name : "elePrice",
									allowNegative : false,
									allowBlank : true,
									listeners : {
										render : function(obj) {
											var font = document.createElement("font");
											font.setAttribute("color","black");
											var redStar = document.createTextNode('元/kW.h');
											font.appendChild(redStar);
											obj.el.dom.parentNode.appendChild(font);
										}
									}
								}
 
  • 大小: 7.3 KB
   发表时间:2012-08-09  
不错 你可以再弄成插件得形式 那样用起来更方便
0 请登录后投票
   发表时间:2012-08-09   最后修改:2012-08-09
把你的改造了下 弄成插件:
var rightShowText = Ext.extend(Ext.util.Observable, {
    init: function(field){
		field.on("render",function(obj){
			var font = document.createElement("font");   
			font.setAttribute("color","black");   
			font.setAttribute("className","rightShowText");   
			font.setAttribute("class","rightShowText");  
			var redStar = document.createTextNode(obj.rightTip);   
			font.appendChild(redStar);   
			obj.el.dom.parentNode.appendChild(font);   
		})
		field.on("beforedestroy",function(obj){
			 var button = Ext.query("[class=rightShowText]", obj.el.dom.parentNode)[0];
			 Ext.removeNode(button);
		})

    }
});


eg:

{fieldLabel: '俩字',
					 rightTip:"xxxx",
					 xtype: 'textfield',
					 plugins:new rightShowText()
					}



我使用的是ext2
0 请登录后投票
   发表时间:2012-08-09   最后修改:2012-08-09
发重了 。。。。
0 请登录后投票
   发表时间:2012-12-10  
好东西啊,必须得顶一顶!!!!!!!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics