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

核心提示： title – Stringtitle 属性定义了 ContentPane 的标题，这个标题只有当 ContentPane 作为 TabContainer/ StackContainer 等 Layout 控件的子控件时，使用 Dojo 提供的灵活多样的布局方式(4)，才可以看到，此

title – String

title 属性定义了 ContentPane 的标题。这个标题只有当 ContentPane 作为 TabContainer/ StackContainer 等 Layout 控件的子控件时，才可以看到。此时该属性值显示于该 Tab 页的标题处。下图展示了这一情形。

图 3. title 属性示例

closable -- boolean

closable 属性同 title 属性一样，也是在作为 TabContainers 等 Layout 控件的子控件时，才有意义。如在 TabContainer 中，如果 closable=”true”，那么该 tab 页面的标题处会显示用于关闭 tab 的图标。下图展示了 closable = “true”时的情形：

图 4. closable 属性示例

点击小圆叉，first 页面将会被关闭：

图 5. closable 属性示例 2

loadingMessage / errorMessage -- String

当 ContentPane 内容 / 页面加载中，或出现错误时，ContentPane 将会显示的内容。

清单 5. ContentPane: loadingMessage 属性示例

…　
　myContentPane.attr("loadingMessage",　"Still　Loading　…");　
…　

placeAt() -- function

这是一个常用的方法，dojo 控件都实现了这个方法。运用这个方法可以自由地放置控件的位置。该方法有两个参数：reference, 和 position。可以接受的 reference 参数类型有：String, DomNode 和 _Widget。其中 String 为引用 Dom 节点 (DomNode)，或者 dojo 控件 (_Widget) 的 id。而被座位参数传入的 dojo 控件，必须是实现了 addChild 方法的类型的。可接受的 position 参数类型有 Int, 和 String。传入的 String 参数必须是”first”,”last”,”before”,”after”中的一个。举一个例子：