使用 Dojo 提供的灵活多样的布局方式

核心提示： 该例中展示了构造 TitlePane 的程序法与声明法，以及 placeAt 的使用方法，使用 Dojo 提供的灵活多样的布局方式(6)，可以看出，除了引用为 dijit.TitlePane 外，图 9. TitlePane: duration 属性示例通过例子，可以发现 TitlePane 也

该例中展示了构造 TitlePane 的程序法与声明法，以及 placeAt 的使用方法。可以看出，除了引用为 dijit.TitlePane 外，其他用法均与 ContentPane 相同。

下面介绍 TitlePane 的一些常用属性：

close -- boolean

TitlePane 的内容可以被收起。close 属性定义了 TitlePane 是否处于收起状态。

清单 9. TitlePane:close 属性示例

…　
　myTP.attr("close",　true);　
…　

除了通过程序收起面板，TitlePane 还可以通过点击顶部的标题，打开和收起面板主体。如下图所示：

图 7. TitlePane: close 属性示例 1

图 8. TitlePane: close 属性示例 2

duration -- number

收起和打开 TitlePane，是一个动画过程，duration 定义了该动画持续的时间，单位是毫秒。

清单 10. TitlePane:duration 属性示例

…　
　myTP.attr("duration",　1000);　
…　

下图展示了定义 duration 后收起 TilePane 时展示的动画过程瞬间。

图 9. TitlePane: duration 属性示例

通过例子，可以发现 TitlePane 也可以和 ContentPane 一样相互嵌套。但 TitlePane 不适合被嵌套在 StackContainer 中，这样会显得不伦不类：

图 10. TitlePane: 在 StackContainer 中的