dojo.docVIP

dojo 1.dojo.widget dojox.widget.FisheyeList dojo.widget.FisheyeList %-- dojoType=dojox.widget.FisheyeList dojoType 设置 itemWidth/itemHeight:普通模式的宽和高 itemMaxWidth/itemMaxHeight:最大模式的宽和高 orientation:是否水平，默认为垂直方式 effectUtnit:有效相关变化的单元数 itemPadding:调整每项的大小 attachEdge：icon跟随的方向 分为bottom、center、top三种 labelEdge：标签的显示位置：bottom，和top conservativeTrigger:进入图标才展现鱼眼效果 --% div dojoType=dojox.widget.FisheyeList %-- dojoType=dojox.widget.FisheyeListItem设置为子项 --% div dojoType=dojox.widget.FisheyeListItem iconsrc=image1.jpg label= div dojoType=dojox.widget.FisheyeListItem iconsrc=image2.jpg label= /div dijit.layout.TabContainer 让页面更有条理：dijit.layout.TabContainer 当一个页面比较多，比较复杂的时候，可以用标签页，将功能类似的一些表格或者信息放在同一个 标签页内，用户可以方便在不同的标签页之间切换，关闭某个标签页，或者删除某个标签页。 html head titleButton Widget Dojo Tests/title style type=text/css @import ../js/dojo/resources/dojo.css; @import ../js/dijit/themes/tundra/tundra.css; /style script type=text/javascript djConfig=parseOnLoad:true,isBug:true src=../js/dojo/dojo.js/script script type=text/javascript dojo.require(dijit.layout.ContentPane); dojo.require(dijit.layout.TabContainer); /script /head body class=tundra div id=mainTabContainer dojoType=dijit.layout.TabContainer style=width:100%;height:20em; selectedCild=tab1 div id=tab1 dojoType=dijit.layout.ContentPane title=Tab1 closable=truehi/div div id=tab2 dojoType=dijit.layout.ContentPane title=Tab2h2/div /div /body /html 如果不同的标签也是单独的不同文件，我们可以在dijit.layout.ContentPanel组件上设置href属性，指定到一个外部文件。需要 注意的是，那个页面必须是utf-8的字符集，否则的话中文会出现乱码。例如：div id=tab2 dojoType= dijit.layout.ContentPane href=tab2.html refreshOnShow=true title=Tab2/div 需要动态添加一个标签页的话可以尝试下面的例子： script function fff(){ var rrr = document.createElement(DIV); var temp = new dijit.layout.ContentPane({title:tab3,closable:true},rrr); temp.setContent(iframe style=width:100%;height:100%;border:1px border=1 src=//iframe); dijit.byId(mainTabContainer).addChild(temp); dijit.byId(mainTabContainer).selectChild(temp); } /scri