这就是我使用 dijit 创建带有复选框的下拉菜单的方式。
layerList.reverse();
var menu = new dijit.Menu({
id : 'layerMenu'
});
dojo.forEach(layerList, function(layer) {
menu.addChild(new dijit.CheckedMenuItem({
label : layer.title,
id : layer.title.replace(" ",""),
checked : layer.visible,
onChange : function(evt) {
if (layer.layer.featureCollection) {
//turn off all the layers in the feature collection even
//though only the main layer is listed in the layer list
dojo.forEach(layer.layer.featureCollection.layers, function(layer) {
layer.layerObject.setVisibility(!layer.layerObject.visible);
});
} else {
layer.layer.setVisibility(!layer.layer.visible);
}
}
}));
});
var button = new dijit.form.DropDownButton({
label : i18n.tools.layers.label,
id : "layerBtn",
iconClass : "esriLayerIcon",
title : i18n.tools.layers.title,
dropDown : menu
});
dojo.byId('webmap-toolbar-center').appendChild(button.domNode);
当 onChange 事件触发时,我可以在运行时访问单个 dijit.CheckedMenuItem,因为我知道它们的 ID。由于 dijit 没有用于 MenuItem 的 RadioButton,有没有办法可以在运行时更改已检查的状态。使用“this.Id”和“evt”,我可以知道用户正在检查/取消选中哪个。从技术上讲,如果需要模拟单选按钮的行为,我可以尝试取消选中其他选中的项目。
有人可以告诉我如何在运行时检查/取消选中 dijit.CheckedMenuItem 吗?我需要调用哪些属性和函数?