第四章 剖析XPages-容器.pdfVIP

LCXTeam编著，我们来自 Lotus 中国社区()  剖析 XPages之容器 所谓容器就是能够包含其他控件的特殊控件。XPages 中主要包括：面板，表格，视图， 数据表格，重复，包含页面，带标签的面板和区段这八种容器控件，下面我们来一起学习 他们。 准备 由于本章内容会牵涉到数据源相关的内容， 所以 windy事先在数据库中创建了一个表单 和一个视图作为数据源使用。 如图所示： 面板、 面板可以算是 XPages 中最常用和最有用的容器控件了，使用面板的场景非常多，总得 来说面板有如下用途：  1、布局以组的方式操作子控件  2、 限定数据源的使用范围  3、对面板设置访问控制 其中第 2 点和第 3 点是面板的主要功能，我们来详细学习他。 作者：Windy  1  LCXTeam编著，我们来自 Lotus 中国社区()  示例 1：使用面板布局及对其子控件的控制 第一步：创建一个 XPage，命名为 panelSample.xsp  第二步：向 XPage  中拖入一个面板，分别命名为 panel1，设置高度为 300px，宽度为  400px。 第三步：向面板中拖入一个图片，从本机中添加一个图片，设置图片宽度也为  400px  与面板大小保持一致。 作者：Windy  2  LCXTeam编著，我们来自 Lotus 中国社区()  第 四步 ：再 向  XPages  中拖入一个面板 ，命名为  panel2，设置高度 为  300px。 第五步：向 panel2 中拖入一个标签，命名为 label_Subject,标签名称为 “标题： ”在标签 后面拖入一个编辑框，命名为 Subject 作者：Windy  3  LCXTeam编著，我们来自 Lotus 中国社区()  第六步：向 panel 中添加一个富文本域，命名为 Body。 好了，我们可以打开浏览器看看效果了。 第七步，我们来做一个布局上的调整。  1、在 panel1 和 panel2 的源码中添加样式：float:left;  2、在 panel2 的源码中添加样式：width:400px;padding:10px; 作者：Windy  4  LCXTeam编著，我们来自 Lotus 中国社区()  我们再来看一下效果：与上一个页面是不是有了很大差别？ 第八步：我们在 panel1 上添加一个显示控制，如果用户不具有管理员角色，则不显示  panel1，在 panel1 的 rendered属性中添加如下代码： 在浏览器中再次查看。 作者：Windy  5  LCXTeam编著，我们来自 Lotus 中国社区()  我们看到 panel1 的内容没有了。 第九步：在数据库的 ACL 中添加一个角色 “manager” ，给当前用户赋权为 “manager” 角色，我们再次测试，可以看到第七步的内容。 至此，有关 Panel 布局及对面板整体的控制应该有了一定的了解吧!总得来说就是对面 板的所有操作都会影响到面板里面所有的子控件。 作者：Windy  6