如何在共享层中重写客户端 JavaScript



我的问题从这里开始:有没有办法控制用户搜索界面中的排序顺序?

发现我可以使用people-finder.js来控制排序顺序

此脚本包含在 FreeMarker 模板中people-finder.get.html.ftl

<@standalone>
   <@markup id="css" >
      <#-- CSS Dependencies -->
      <@link href="${url.context}/res/components/people-finder/people-finder.css" group="people-finder"/>
   </@>
   <@markup id="js">
      <#-- JavaScript Dependencies -->
      <@script src="${url.context}/res/components/people-finder/people-finder.js" group="people-finder"/>
   </@>
    <@markup id="new-js" action="replace" target="js">
      <#– JavaScript Dependencies –>
      <@script src="${url.context}/res/components/people-finder/people-finder-ext.js" group="people-finder"/>
    </@>
   <@markup id="widgets">
      <@createWidgets group="people-finder"/>
   </@>
   <@markup id="html">
      <@uniqueIdDiv>
         <#assign el=args.htmlid?html>
         <div id="${el}-body" class="people-finder list theme-color-1">
            <div class="title theme-color-2"><label for="${el}-search-text">${msg("title")}</label></div>
            <div class="finder-wrapper">
               <@markup id="searchBar">
               <div class="search-bar theme-bg-color-3">
                  <div class="search-text"><input type="text" id="${el}-search-text" name="-" value="" maxlength="256" tabindex="0" placeholder="${msg('help.title')}"/></div>
                  <div class="search-button alf-colored-button">
                     <span id="${el}-search-button" class="yui-button yui-push-button"><span class="first-child"><button>${msg("button.search")}</button></span></span>
                  </div>
               </div>
               </@markup>
                <@markup id="searchHelp">
               <div id="${el}-help" class="yui-g theme-bg-color-2 help hidden">
                  <span>${msg("help.content")}</span>
               </div>
               </@markup>               
               <@markup id="searchResults">
               <div class="alf-results-wrapper">
                  <div id="${el}-results-info" class="yui-dt-liner theme-bg-color-2 result-info hidden"></div>
                  <div id="${el}-results" class="results hidden"></div>
               </div>
               </@markup>
            </div>
         </div>
      </@>
   </@>
</@>

为了确定所需的功能,我需要覆盖此脚本,并且我"开发"了自己的脚本 - 比方说,people-finder-ext.js

据我了解,使用此代码可以实现:

<@markup id="new-js" action="replace" target="js">
  <#– JavaScript Dependencies –>
  <@script src="${url.context}/res/components/people-finder/people-finder-ext.js" group="people-finder"/>
</@>

在我的 AMP- 扩展中,我在这里放置了people-finder-ext.js

/some-customization-share/src/main/amp/web/components/people-finder/people-finder-ext.js

并修改了我放在这里的people-finder.get.html.ftl自由标记模板:

/some-customization-share/src/main/amp/config/alfresco/web-extension/site-webscripts/org/alfresco/components/people-finder/people-finder.get.html.ftl

然后我在嵌入式Tomcat上运行我的项目:

mvn integration-test -Pamp-to-war

所以,我看到排序没有按照我需要的方式工作。

我观察了共享层和Alfresco/Repo层之间的网络流量,并注意到我的脚本people-finder-ext.js没有加载。

构建后,我注意到我的脚本不存在于targetamp-war中,而仅在targetamp中。

可能是什么原因?

将Eclips与maven sdk一起使用自定义露天,这将非常适合开发和创建放大器。

使用 maven 设置

Alfresco sdk:使用 maven 设置 Alfresco sdk

相关内容

  • 没有找到相关文章

最新更新