dojo Menu

最新推荐文章于 2021-02-03 17:10:06 发布

ccyingfu

最新推荐文章于 2021-02-03 17:10:06 发布

阅读量97

点赞数

分类专栏： Dojo 文章标签： Dojo UP HTML

本文链接：https://blog.csdn.net/ccyingfu/article/details/83942481

版权

Dojo 专栏收录该内容

13 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Dojo Button Widget Test</title>

<link id="themeStyles" rel="stylesheet" href="../../scripts/dijit/themes/claro/claro.css">

<script type="text/javascript" src="../../scripts/dojo/dojo.js" djConfig="parseOnLoad: true"></script>

		<script type="text/javascript">
			dojo.require("dijit.dijit"); // optimize: load dijit layer

			dojo.require("dijit.Menu");

			dojo.require("dijit.form.Button");

			dojo.require("dojo.parser");

			dojo.ready(function(){
				var myMenu = new dijit.Menu();
				var mItemA = new dijit.MenuItem({lable:"mItemA",iconClass:"",onClick:function(){ console.log("not actually saving anything, just a test!"); }});
				myMenu.addChild(mItemA);
				console.dir(mItemA);
				var button1 = new dijit.form.ComboButton({label: "hello world",dropDown : myMenu,dropDownPosition:["above"], optionsTitle:"save options", onClick:function(){alert("clicked combo save"); },
			iconClass:"plusBlockIcon"});
				dojo.body().appendChild(button1.domNode);


				var mItemB = new dijit.MenuItem({lable:"mItemA",iconClass:"",onClick:function(){ console.log("not actually saving anything, just a test!"); }});


				myMenu.addChild(mItemB);
			})


		</script>
	</head>
<body class="claro"  style="padding-top:100px">

<button id="combo_above" data-dojo-type="dijit.form.ComboButton" data-dojo-props='dropDownPosition:["above"], optionsTitle:"save options", onClick:function(){ console.log("clicked combo save"); },
			iconClass:"plusBlockIcon"'>
		<span>Up</span>
		<span data-dojo-type="dijit.Menu">
			<span data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave",
				onClick:function(){ console.log("not actually saving anything, just a test!"); }'>Save</span>
			<span data-dojo-type="dijit.MenuItem"
				data-dojo-props='onClick:function(){ console.log("not actually saving anything, just a test!"); }'>Save As</span>
		</span>
	</button>


</body>
</html>

ccyingfu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dojo Menu

[code="html"] Dojo Button Widget Test dojo.require("dijit.dijit"); // optimize: load dijit layer dojo.require("dijit.Menu"); dojo.require("dijit.form.Button...
复制链接

扫一扫

专栏目录