第二部分： Dijit 3.2 标题部件

回到目录

05/13/2007 - 12:06 — criecke

标题部件（Title Pane）是一个带有标题的窗口，可以打开或关上。是否可见是由鼠标或键盘激活箭头按钮来切换的。

例子

 

< script  language ="JavaScript"  type ="text/javascript" > ...
    dojo.require("dijit.TitlePane");
    dojo.require("dijit.util.parser");    
</ script >
...
< div  dojoType ="dijit.TitlePane"  label ="Title Pane #1"  style ="width: 300px;" >
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id 
    semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. 
</ div >

 

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 区域(处于讨论中，因为区域还没有被屏幕阅读者支持).

【译者著：可访问性这段翻译的不好，任何改进的意见我都欢迎哦！】

 

回到目录