回到目录
05/13/2007 - 12:06 — criecke
![TitlePane.png TitlePane.png](http://dojotoolkit.org/files/TitlePane_1.png)
标题部件(Title Pane)是一个带有标题的窗口,可以打开或关上。是否可见是由鼠标或键盘激活箭头按钮来切换的。
例子
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
Dijit 种类,属性,事件和方法
dijit.TitlePane
带有标题的窗口,可以打开或关上。
| |||
属性
| |||
duration | Integer | 250 | 以毫秒计算的淡入淡出的时间 |
label | String | -blank- | 窗口的标题 |
open | Boolean | false | 标题部件第一次打开为True |
CSS Classes
I'm not quite sure how to represent these yet. In this case, you set styles on dojoProgressBarColorLayer and set the class of the outer div to dojoProgressBarColor.
| |||
可访问性
用于打开/关闭每个标题部件的箭头切换时按tabindex="0"开始. 箭头作为一个带标题属性的按钮用来标识窗口是否打开或关闭。按下回车或空格就可以用来切换窗口开/关了。
当窗口由键盘切换为可见,焦点仍旧保持在标题上。用户可以按下“下”箭头把焦点设到内容窗口(containerNode). 因此,内容窗口需要 tabindex设为"-1"来接收焦点。当内容被打开,tabindex应该设为0,这样用户可以用tab或箭头来切换到内容窗口。当窗口部件被关闭时,tabindex需要被设回0 (it could also be removed and added as the container is opened or closed but I think it is preferable to just change the tabindex value).
标题部件有一个labelledby属性,指向标题栏的id(所以标题栏必须有一个id属性),containerNode 会由一个 ARIA 区域(处于讨论中,因为区域还没有被屏幕阅读者支持).
【译者著:可访问性这段翻译的不好,任何改进的意见我都欢迎哦!】
回到目录