ZK实例Toolbarandmenus.doc

zk menubar id=menubar width=100% menu label=Project image=/img/Centigrade-Widget-Icons/Briefcase-16x16.png menupopup menuitem image=/img/Centigrade-Widget-Icons/BriefcaseSpark-16x16.png label=New onClick=alert(self.label) / menuitem image=/img/Centigrade-Widget-Icons/BriefcaseOpen-16x16.png label=Open onClick=alert(self.label) / menuitem image=/img/Centigrade-Widget-Icons/DisketteBlack-16x16.png label=Save onClick=alert(self.label) / menuseparator / menuitem label=Exit image=/img/Centigrade-Widget-Icons/DoorOpen-16x16.png onClick=alert(self.label) / /menupopup /menu menu label=Help image=/img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png menupopup menuitem label=Index onClick=alert(self.label) / menu label=About menupopup menuitem label=About ZK onClick=alert(self.label) / menuitem label=About Potix onClick=alert(self.label) / /menupopup /menu /menupopup /menu menu image=/img/Centigrade-Widget-Icons/Spyglass-16x16.png menupopup menuitem label=Index onClick=alert(self.label) / menu label=Color Picker content=#color=#184dc6/ /menupopup /menu /menubar checkbox label=Vertical orient attribute name=onCheck menubar.orient= self.checked ? vertical : horizontal; menubar.width = self.checked ? 100px : 200px; /attribute /checkbox checkbox label=Autodrop attribute name=onCheck menubar.autodrop = self.checked; /attribute /checkbox /zk zk style dynamic=true .z-toolbar a, .z-toolbar a:visited, .z-toolbar a:hover{ background-color:transparent; border:0 none; } .vista { background:#000000 url(/zksandbox/img/bar.png) repeat-x 0 0; color:white; padding-top:7px; } .p-vista .z-panel-children { background-color: #008BB6; border-bottom: 0 none; } /style Toolbar style: separator/ radiogroup onCheck=tb.sclass = self.selectedItem.label; radio label=default / radio label=vista checked=true / /ra