当前位置: 王朝网络 >> other >> 深入WebLogicPortalUI编程

深入WebLogicPortalUI编程

王朝other·作者佚名 2008-05-31

窄屏简体版字體: 小|中|大|超大

提要本文重点讨论如何利用BEA WebLogic portal所提供的新功能实现UI（titlebar）的定制开发。

一、引言

也许，没有什么比发行你的第一个portal产品更让你激动的了。在经过长时间的努力后，你（和你的团队）所倾力开发的应用程序终于与用户见面了！然而，本文不是教给你如何进行基本的portal开发，而是探讨如何为你的现有portal加入新的功能。

本文将描述有关BEA WebLogic portal的一些非常有用的新特征-你可以借助这些特征来扩展你的portal页面功能。

二、定制Titlebar

假如你已经使用过所有内置的titlebar功能，那么你可以很轻易地实现titlebar的定制--你仅需要把一些新图标放到其上即可。首先，让我们看一下BEA为portal开发在titlebar所提供的内置功能（分别对应四个图标）：

· Minimize：假如页面上有相当多的portlet以至于用户想最小化其中的某些以便看清其它portlet，那么在设计初期可能把它们分解成独立的页面更好些。

· Maximize：这在使用一种多列布局时非常有用，尽管通常情况下，许多用户更喜欢单列布局。

· Delete：假如不进行编程，那么这个图标不会作为用户设置数据的一部分而存储起来；因此这有可能惹恼你的用户-每次必须返回。更不用提，假如他们真正想要返回的话，他们不得不开始一个新的会话。

· Help：这项功能几乎是必须的。

因此，对大多数用户来说，在titlebar中只放置一个图标就够了。然而，下面我们将具体讨论如何进一步定制titlebar-再添加两个用户常用图标。

三、加入打印图标

我们知道，现在已经到了无纸办公时代。尽管如此，portal用户仍会使用打印图标。而实际上，除了昂贵的报告和旅行计划外，他们真正想要打印的其实只是该页面的一部分：单个的portlet。作为开发者，只要用户需要，我们就应该尽最大努力满足他们的要求。因此，下面我将向你介绍怎样打印单个的portlet。

注重，本文中的例程实现与命名惯例有一定联系。但是，我们所使用的命名不会影响真正的实现机制。首先，让我们来看一下window.jsp文件中的下面一行代码：

＜render:writeAttribute name="id"

value="＜%= window.getPResentationId() %＞"/＞

在此，你仅需要把ID值改变为window.getDefinitionLabel()，因为它可由所有版本的portal从任何存在Window上下文的地方进行存取。

现在，既然你已经有一个该portlet的句柄，那么你可以创建一个能够打开一个可打印页面的小脚本。

function printPortlet(appPath， portletId， portletName){

var pageString = appPath+'/resources/jsp/

printPage.jsp?portletId='+portletId;

var printWindow = window.open(pageString， 'PrintPage'，"location=no，scrollbars=no，resizable");

printWindow.focus();

}

上面的脚本应该驻留在一个.js文件中，这样在每个页面上就可以只加载单个副本。

然后，打开titlebar.jsp并且找到下面内容：

＜td class="bea-portal-window-titlebar-buttons"

nowrap="nowrap"＞

在这个空的td（填充了BEA图标）中，放入你的打印图标和一个对你的脚本的调用。为了实现可移植性，你要动态地传入参数：

＜img src="＜render:getSKINPath

imageName="printerIcon.gif" /＞"

style="cursor:pointer; position:relative; top:-2px"

onclick="printPortlet('＜%=request.getContextPath()%＞'，

'＜%=window.getDefinitionLabel()%＞')"＞

这样就可以使你的新图标出现在你的用户titlebar中：

最后，你需要创建你自己的打印页面以使该图标做一些有用的事情。因为该页面不是portal上下文的一部分，所以你需要硬编码你的样式参考（style reference）。另外，由于在标准框架中的嵌套DIV的继续特点，所以你需要一些正式生成的Html，后面再另上你的脚本生成和打印该portlet的部分代码：

＜%@ page language="java"

contentType="text/html;charset=UTF-8"%＞

＜%@ taglib uri="netui-tags-html.tld" prefix="netui"%＞

＜netui:html＞

＜head＞

＜title＞

Portlet Print Page

＜/title＞

＜meta name="bea-portal-meta-skin"

content="/framework/skins/default"/＞

＜meta name="bea-portal-meta-skin-images"

content="/framework/skins/default/images"/＞