首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 软件管理 > 软件架构设计 >

17. 怎么在XPages里创建大纲/导航

2013-01-02 
17. 如何在XPages里创建大纲/导航?XPages自带的控件集最缺乏的恐怕就是类于经典Notes开发的大纲了。虽然一

17. 如何在XPages里创建大纲/导航?

XPages自带的控件集最缺乏的恐怕就是类似于经典Notes开发的大纲了。虽然一个大纲/导航是一个Web应用几乎不可缺少的部分,但是截至8.5.3,IBM仍然没有为开发人员提供这个方便。接着,提供了一堆控件的UpgradePack 1来了,继承了大量在OpenNTF网站上已经发布的XPagesExtension Library的内容。其中,就有一个outline和一个navigator。但是这些控件的质量参差不齐,与设计器的结合和文档更是初级。往页面上放outline和navigator各一个,添加必要的属性和treeNodes。显示页面,结果相当令人失望。Outline控件被转换成一个单纯的HTML的UL,没有任何修饰,也就是左边带有黑色圆点的列表,甚至添加了list-style-type:none的style属性之后,转换成HTML时也丢失了。Navigator控件则消失在一个空白的DIV中。另外,即使显示效果能调节成IBM附带的XPages版本的Teamroom应用中的那样美观,这两个控件的功能也不完备,比如不能指定链接的target属性,treeNodes支持的事件也只有onItemClick。

幸好,我们可以像在《14. 如何在XPages中插入HTML》里说的,在XPage中添加HTML,再利用CSS和Javascript,做出想要的大纲效果:

ul.menu{list-style-type: none;margin: 0;padding: 5px 0;font-weight:bold;}.menu li a{text-decoration: none;display: block;padding: 5px 0 5px 10px;}.menu li a.selected{color:white;background-color: #1384B8;}.menu li a:hover{color:white;background-color: #1384B8;}


热点排行