在CQ5中,如何配置extJS组件?

发布于 2024-11-14 07:20:23 字数 410 浏览 6 评论 0原文

这个问题特定于 Adob​​e CQ5,因此 ExtJS 本身的答案不会那么有帮助。

我有一个自定义文本组件,带有一个菜单选项来更改背景颜色。我们在dialog.xml 中引用了一个colorfield 组件,到目前为止一切正常。将出现颜色菜单,其中包含调色板中的默认颜色集,并且可以单击。到目前为止,一切都很好。

我现在想自定义调色板,只显示特定于我们客户的一组选定颜色。我该如何实现这一目标?

这是迄今为止相关的dialog.xml 片段:

<bgcolor
jcr:primaryType="cq:Widget"
fieldLabel="Background color"
name="./bgColor"
showHexValue="true"
xtype="colorfield"/>

This question is specific to Adobe CQ5, so ExtJS answers by themselves won't be that helpful.

I have a custom text component with a menu option to change the background color. We're referencing a colorfield component in our dialog.xml, and so far everything works. The color menu appears with the default set of colors in the palette and can be clicked. So far so good.

I would now like to customize the palette and only show a select set of colors specific to our client. How do I achieve this?

Here's the relevant dialog.xml snippet so far:

<bgcolor
jcr:primaryType="cq:Widget"
fieldLabel="Background color"
name="./bgColor"
showHexValue="true"
xtype="colorfield"/>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

吐个泡泡 2024-11-21 07:20:23

为了将来的参考,您可能可以通过创建自定义 ColorField 来调用设置自定义 ColorPalette 的自定义 ColorMenu。如果 ColorField 有可配置选项,这些选项可能会在 Ext 文档中提到,或者在 /libs/cq/ui/widgets/.. 的 JS 文件本身中找到。

For future reference, you could probably get by creating a custom ColorField to call a custom ColorMenu which sets a custom ColorPalette. If ColorField had configurable options, these would probably be mentioned in the Ext docs or found in the JS file itself in /libs/cq/ui/widgets/..

方觉久 2024-11-21 07:20:23

在 dev.day.com 上找到它 - http://dev。 day.com/content/kb/home/cq5/Development/HowToCreateCustomClientLib.html

简而言之,用您自己的小部件覆盖 ExtJS 小部件。不理想,但可以了。

Found it on dev.day.com - http://dev.day.com/content/kb/home/cq5/Development/HowToCreateCustomClientLib.html

Simply put, override the ExtJS widget with your own. Not ideal but it'll do.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文