先上图
ext代码
{
xtype: 'textfield',
fieldLabel: '企业名称',
labelAlign: 'right',
triggers: {
mytrigger: {
cls: ' textLook'
}
}
}可视化中的操作步骤(直接使用代码不用这个的)
1.选中要用的文本,找到triggers属性,点击后面的+;
2.选中增加的triggers,找到cls属性,加入属性即可
css代码
</pre><pre name="code" class="css">background-image:url(ext/resources/images/form/search.ico) !important; 注:最好是用ext图片或者做的图片和它的一样的,我使用的search.ico是一个单图的,在鼠标移上去的时候图片就不见了,这并不是图片不见了,而是它的样式
x-form-trigger-over{background-position:-22px center},使用了偏移。所以,要么做个和它差不多的,要不就改这个偏移,这个偏移是对所有的field都是有效的如果不是必要的话还是做图吧
本文介绍了如何在ExtJS中自定义Fields的图标,通过修改triggers属性和设置cls来实现。步骤包括在代码中添加triggers,然后为新增触发器指定样式类。需要注意,若使用非ExtJS内置图片,可能因样式冲突导致鼠标悬停时图片消失,这通常由背景位置偏移引起。建议使用与ExtJS兼容的图片或调整相应样式。
194





