extjs自定义fields图标(尾部)

最新推荐文章于 2018-05-17 18:31:36 发布

BD-世界

最新推荐文章于 2018-05-17 18:31:36 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs笔记

本文链接：https://blog.youkuaiyun.com/Wfj521/article/details/50387974

extjs笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在ExtJS中自定义Fields的图标，通过修改triggers属性和设置cls来实现。步骤包括在代码中添加triggers，然后为新增触发器指定样式类。需要注意，若使用非ExtJS内置图片，可能因样式冲突导致鼠标悬停时图片消失，这通常由背景位置偏移引起。建议使用与ExtJS兼容的图片或调整相应样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上图

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都是有效的如果不是必要的话还是做图吧