extjs自定义fields图标(尾部)

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

BD-世界

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

阅读量1.3k

点赞数

分类专栏： extjs笔记

本文链接：https://blog.csdn.net/Wfj521/article/details/50387974

版权

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

摘要由CSDN通过智能技术生成

先上图

ext代码

{
                            xtype: 'textfield',
                            fieldLabel: '企业名称',
                            labelAlign: 'right',
                            triggers: {
                                mytrigger: {
                                    cls: ' textLook'
                                }
                            }
                        }

可视化中的操作步骤（直接使用代码不用这个的）

1.选中要用的文本，找到triggers属性，点击后面的+；

2.选中增加的triggers,找到cls属性，加入属性即可

css代码