Alfresco.widget.Resizer可拉动div模块

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chiangfai/p/6072661.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用 Alfresco 框架的自定义页面布局模板实现方式。该模板通过 JavaScript 控件调整页面大小，并定义了全局头部、页面标题、主要内容区域及快速搜索类别等模块。

<#include "include/alfresco-template.ftl" />
<@templateHeader>
   <script type="text/javascript">//<![CDATA[
      new Alfresco.widget.Resizer("Custom");
   //]]></script>
</@>

<@templateBody>
   <div id="alf-hd">
      <@region id="header" scope="global" protected=true />
      <@region id="title" scope="page" protected=true />
   </div>
    
    <div id="bd">
      <div class="yui-t1" id="alfresco-custom">
         <div id="yui-main">
            <div class="yui-b" id="alf-content">
               <@region id="user-home" scope="template" protected=true />
            </div>
         </div>
         <div class="yui-b" id="alf-filters">
            <@region id="fast-search-categories" scope="template" protected=true />
         </div>
      </div>
   </div> 

</@>
   
<@templateFooter>
   <div id="alf-ft">
      <@region id="footer" scope="global" protected=true />
   </div>
</@>