功能

实现菜单工具栏，通过绑定的Menu对象初始化MenuBar中的菜单项。如下图：

图表 132

使用方法

1.定义菜单Menu
2.设定MenuBar的menu属性

属性说明

属性	说明
fitWidth	是否自适应外部容器的宽度
height	MenuBar的高度
id	视图模型中的惟一id, 不要使用中文数字或则特殊字符命名
ignored	是否忽略
left	距离屏幕左侧的位置
menu	绑定的菜单对象
showBorder	是否显示边框
style	系统css的class名称设定
tag	用户自定义属性
top	距离屏幕上方的位置
width	MenuBar的宽度设定

TagLib标签属性列表

属性	说明
menu	需要绑定的菜单的id

css说明

你可以根据具体的需要在的你的工程目录home\smartweb\v2\skins\default\skin.css文件中修改关于MenuBar的css属性,例如：

.MenuBar {
height: 26;//高度
border-width: 1;//边框宽度
border-color: #D0D0D0;//边框颜色
border-style: solid;//边框样式
border-collapse: collapse;//边框相邻边被合并
background-color: #EEEEEE;//背景色
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DDDDDD //滤镜的效果);
}

.MenuBar {
height: 26;
border-width: 1;
border-color: #D0D0D0;
border-style: solid;
border-collapse: collapse;
background-color: #EEEEEE;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,
endColorstr=#DDDDDD);
}

.MenuBar .Button {
cursor: hand;
padding-left: 12;
padding-right: 12;
border-style: none;
margin: 1;
background-color: #EEEEEE;
}

.MenuBar .Button_Disabled {
cursor: hand;
padding-left: 12;
padding-right: 12;
border-style: none;
margin: 1;
}

.MenuBar .Button_Disabled TD {
color: gray;
}

.MenuBar .HotButton {
cursor: hand;
padding-left: 12;
padding-right: 12;
background-color: #DDEDF9;
border-width: 1;
border-color: #7BB9E6;
border-style: solid;
}

属性	说明
.MenuBar	MenuBar的默认的风格设定
.MenuBar .Button	菜单按钮的默认风格设定
.MenuBar .Button_Disabled	菜单按钮被禁用时的默认风格设定
. MenuBar .Button_Disabled TD	MenuBar的Table布局中菜单按钮所在TD区域的皮肤设定，见图MenuBar-1
.MenuBar .HotButton	具有热点的按钮的默认风格设定

图表 133

Dorado 5 : 2.5.2.MenuBar(菜单工具栏) (RF2)

功能

使用方法

属性说明

TagLib标签属性列表

css说明

Attachments: