从 Tomahawk 配置板 drawer 中，拖拉 dataTable 标签到页面中。它会简单的作为一个显示 t:dataTable 标签名的灰框出现。

现在拖拉一个 Tomahawk 列标签到 dataTable 标签上。现在您已经注意到 t:column 标签会自动添加到 dataTable 里边。这是因为 dataTable 标签的 Allows children 复选框得到了合适的设置。

从配置板中拖拉 Tomahawk Command Button 标签，并试着将其直接拖到列标签中，如图 12 所示。

图 12. 将标签拖到列上

第三方JavaServer Faces控件的Faces库定义(8)

您也许会注意到按钮并没有按预料的那样进入到列中。相反，它会停留在列附近的 dataTable 里，这是无效的，如列表 1 所示。之所以会发生这种情况，是因为创建库定义的向导不能识别列标签的代表意义，所以默认条件下系统会阻止子标签进入列中。

列表 1. 列的不合适拖拉操作结果

<t:dataTable　styleClass="dataTable"　id="table1"> 　 <t:commandButton　styleClass="commandButton"id="button1"></t:commandButton> 　 <t:column　styleClass="column"　id="column1"></t:column> </t:dataTable>

取消不合适的按钮拖放（点击 Ctrl-Z 或者使用 Edit > Undo JSF tag insertion）。

转回至 Tomahawk 的库定义编辑器，并找到 column 标签。

在 Drop Properties 部分中，选择 Allows children，如图 13 所示。保存您的更改。

图 13. 更改列拖拉属性

转回至测试页面，并再次尝试将按钮拖到列标签上。这一次，按钮就可以进入列中了，如列表 2 所示。如果在拖拉操作时发生什么问题时，您可以将其拖到编辑器的源视图中， t:column 标签的任何地方都行。现在不要去管设计页面的外观，很快它们就可以矫正过来了。

列表 2. 矫正的标签位置

<t:dataTable　styleClass="dataTable"　id="table1"> 　 <t:column　styleClass="column"　id="column1"> 　 <t:commandButton　styleClass="commandButton"　id="button1"> 　　　　　　　　　 </t:commandButton> 　 </t:column> </t:dataTable>

库定义编辑器的 Drop Properties 部分的其他区域，定义了工具所用字符串的列表。前两个就是需要向 JSP 页面添加的 CSS 和 JavaScript 链接。这些只适用于特定的单个标签。您可以指定 Tag Library 部分的链接。

本部分的最后一个区域，指定了可能与组件一起使用的 JSF facets 的名字。接下来的例子展示了 facet 的名字是怎样在工具中使用的。

打开 Tomahawk 库定义并转至 column 标签的 Drop Properties 部分。

点击 Allowed Facets 区域附近的 Add 新项。

将项目的名字更改为 header。

保存库定义。

现在返回测试页面，并找到您在前面步骤中添加的 t:column 标签。点击以选中它。

找到并打开 Properties 视图。该视图一般位于 Web 属性页面编辑器之下。您可以通过选择 Window > Show View > Properties ，来打开它。

在列标签的 Properties 视图中，点击视图顶部的按钮以添加一个子标签，如图 14 所示。注意报头 facet 名现在就处于可用状态（因为您在前面更改了库定义）。

图 14. 通过 Properties 视图添加 facet

选择报头 Facet 选项，并注意相应的f:facet标签会添加到列的下面。

第三方JavaServer Faces控件的Faces库定义(9)

Visualization 部分

正如您在前面看到的 Tomahawk 命令按钮标签一样， Rational Application Developer

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!