CQ自定义内容查找器选项卡无法正常工作。

Question

我按照以下步骤在内容查找器中添加一个新选项卡，仅检索使用"geometrixx-media/templates/media-article-page.“的文章页/content/geometrixx下的模板-媒体

• 在/apps下创建了一个新的节点:文件夹(/app/wcm/extensions/contentfinder)。
• 将以下2个属性添加到新节点(Contentfinder)extensionGroup=“tab”contentfinder& extensionType="contentfinder_extension“中
• 将/libs/wcm/扩展名/contentfinder中的一个文件(pages.js)复制到文件夹/app/wcm/扩展名/内容查找器中
• 重新命名aritles.js并更改"id“属性，并进行以下更改，仅检索模板类型为aritles.js的文章页

我放置的脚本文件位置：/apps/wcm/扩展名/内容查找器

文件名： articles.js

代码：

 {
"tabTip": CQ.I18n.getMessage("Articles"),
"id": "cfTab-Articles",
"iconCls": "cq-cft-tab-icon pages",
"xtype": "contentfindertab",
"ranking": 11,
"allowedPaths": [
    "/content/*",
    "/etc/scaffolding/*",
    "/etc/workflow/packages/*"
],
"items": [
    CQ.wcm.ContentFinderTab.getQueryBoxConfig({
        "id": "cfTab-Articles-QueryBox",
        "items": [
            CQ.wcm.ContentFinderTab.getSuggestFieldConfig({"url": "/bin/wcm/contentfinder/suggestions.json/content"})
        ]
    }),
    CQ.wcm.ContentFinderTab.getResultsBoxConfig({
        "itemsDDGroups": [CQ.wcm.EditBase.DD_GROUP_PAGE],
        "items": {
            "tpl":
                '<tpl for=".">' +
                        '<div class="cq-cft-search-item" title="{pathEncoded}" ondblclick="CQ.wcm.ContentFinder.loadContentWindow(\'{[CQ.HTTP.encodePath(values.path)]}.html\');">' +
                                '<div class="cq-cft-search-thumb-top" style="background-image:url(\'{[CQ.wcm.ContentFinderTab.THUMBS_URL(values, 48, 48)]}\');"></div>' +
                                     '<div class="cq-cft-search-text-wrapper">' +
                                        '<div class="cq-cft-search-title">{[CQ.shared.XSS.getXSSTablePropertyValue(values, \"title\")]}</div>' +
                                    '</div>' +
                                '<div class="cq-cft-search-separator"></div>' +
                        '</div>' +
                '</tpl>',
            "itemSelector": CQ.wcm.ContentFinderTab.DETAILS_ITEMSELECTOR
        },
        "tbar": [
            CQ.wcm.ContentFinderTab.REFRESH_BUTTON
        ]
    },{
        "url": "/bin/wcm/contentfinder/page/view.json/content/geometrixx-media"
    }, {
        "baseParams": {
            "type": "cq:Page",
            "query": "\"cq:template\":\"geometrixx-media/templates/media-article-page\""
        }
    })
]

}

现在正在添加新的选项卡(文章)选项卡，但第一次只显示所有的文章页，但是如果我们单击任何其他选项卡并单击“文章”选项卡，它将显示所有页面(文章页和其他页面)。

当我第一次单击“文章”选项卡时，显示了以下结果：

​

如果我单击了任何其他选项卡(文档)并单击了显示以下结果的“文章”选项卡：

​

Answer 1

我已经根据用例创建了自定义的内容查找选项卡，以便在DAM中显示youtube视频。这个博客可以帮到你。https://chanchal.wordpress.com/2013/06/26/how-to-add-your-own-content-finder-tab-in-cq5/

首先，问题似乎是更改排名"ranking": 10,可能与其他应该工作的级别发生冲突，而且为了更好地明确添加您的自定义图标"iconCls": "cq-cft-tab-icon *iconname(for me its youtube)*",，您可能需要设置如下结构：

​

​

​