{
fieldLabel : '输入框',
xtype : 'textfield',
anchor : '80%',
listeners: {
render: function(obj) {
var font=document.createElement("font");
font.setAttribute("color","red");
var redStar=document.createTextNode('后面的字');
font.appendChild(redStar);
obj.el.dom.parentNode.appendChild(font);
}
}
}
第二种方案,可以解决错误提示和后面文字重叠问题:
Extjs.form.TextField的默认在输入框后面是不能加入文字。在网上找到此方法以备查用。
在页面中引入此段js代码
Ext.override(Ext.form.TextField, {
unitText : '',
on
<div class="bct fc05 fc11 nbw-blog ztag js-fs2">
Render : function(ct, position) {
Ext.form.TextField.superclass.onRender.call(this, ct, position);
// 如果单位字符串已定义 则在后方增加单位对象
if (this.unitText != '') {
this.unitEl = ct.createChild({
tag : 'div',
html : this.unitText
});
this.unitEl.addClass('x-form-unit');
// 增加单位名称的同时 按单位名称大小减少文本框的长度 初步考虑了中英文混排 未考虑为负的情况
this.width = this.width - (this.unitText.replace(/[^\x00-\xff]/g, "xx").length * 6 + 2);
// 同时修改错误提示图标的位置
this.alignErrorIcon = function() {
this.errorIcon.alignTo(this.unitEl, 'tl-tr', [2, 0]);
};
}
}
})
再加入些样式
<style>
.x-form-unit {
height: 22px;
line-height: 22px;
padding-left: 2px;
display: inline-block;
display: inline;
}
</style>
</div>
转:http://my.oschina.net/tiancai/blog/93635
分享到:
相关推荐
ExtJs5 去掉textfield边框
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
一、属性 fieldLabel:标签名称。 labelWidth:标签宽度。 ID:文件框ID。... 在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:”form”即可。 五、应用举例 代码如下: Ext.onReady(func
另一种是在提示框边会出现一个类似批注的提示信息,不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。 特别提示:在属性regex后要用 /^ 这里加正则 $/ 把上面的正则表达式包起来否则会报”缺少...
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据,显示在extjs页面) 没有完全实现的是extjs用uploadfild...
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs 中文API文档,有对Extjs相关API的中文说明
适用于ExtJS4、ExtJS5 MD5加密算法!
并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据,显示在extjs页面), 并且此资料夹最后的版本可以将文件...
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
extjs 4.2 的HtmlEditor在chrome中高亮文字
extjs4.1 中文API
extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例
ExtJS中文文档,很好,很强大!绝对值得一看哦!
extjs3.3的中文文档
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
ExtJS项目 一个博客系统 ExtJS项目 一个博客系统