静态页面上 Portlet 容器的类属性

要在静态页面上呈示 Portlet 容器，可使用采用容器微格式的 CSS 文件。这样做的好处之一是具有所需访问权的用户以后可以通过拖放来移动 Portlet。

要在静态页面上放置 Portlet 容器，可使用采用容器微格式的样式文件。请参阅以下类属性列表以及从 HTML 中呈示 Portlet 容器的示例。
portlet-container
此 class 属性值标识 portlet 容器的包含 <div> 标记，该标记在编写静态页面时由 Web 设计者定义。ID 属性包含容器的对象标识，是门户网站中的全局唯一标识。name 属性包含容器的名称，该名称仅在托管页面范围中唯一。在静态页面聚集中，由 HTML 页面设计者确定该名称。
portal-drop-target
此 class 属性值将容器标识为拖放操作的放下目标。仅可修改容器能使用此类属性。
drop-handler
此 class 属性值标识表示拖放的回调处理程序的 form。该操作包含唯一标识放下目标的 URL。您可以使用 JavaScript 向表单动态添加其他提示和拖动源。
对于拖动源，定义 Portlet 时可使用 Portlet 微格式的属性：
portal-drag-source
这是 Portlet 窗口上的可选类。它表示此 Portlet 窗口可由用户在屏幕上四处拖动。仅当 Portlet 窗口属于可修改的 Portlet 容器且用户具有修改页面的权限并且未锁定容器时，此属性才有效。请参阅“容器微格式”来了解放下目标的显示方式以及执行实际拖放操作的方式。
注： 可从客户机端触发拖放操作，但是该操作在服务器上执行。

从 HTML 中呈示 Portlet 容器的示例

以下是页面上微格式表示的 Portlet 容器的示例： 
<div id="content-area">
   <div class='portlet-container portal-drop-target' 
        id='7_CGAH47L0008K402D2V3F7I2005' name='c1' >
      <form class='drop-handler' enctype='multipart/form-data' method='POST'
            action='/wps/mycontenthandler/!ut/p/dnd/lm:
                 oid:7_CGAH47L0008K402D2V3F7I2005@
                 oid:6_CGAH47L0008K402D2V3F7I2000?uri=dnd%3alm%3a
                 oid%3a7_CGAH47L0008K402D2V3F7I2005%40
                 oid%3a6_CGAH47L0008K402D2V3F7I2000'>
         <input type='hidden' name='_charset_'>
      </form>
   </div>

   ... the actual portlets come here

</div>