<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
overflow:hidden;
}
#borderContainer {
width: 50%;
height: 50%;
}
#bContainer {
width: 50%;
height: 50%;
}
</style>
<link rel="stylesheet" href="resources/dijit/themes/claro/claro.css">
<script>dojoConfig = {parseOnLoad: true}</script>
<script src='resources/dojo/dojo.js'></script>
<script>
require(["dojo/parser"]);
require(["dijit/layout/BorderContainer"]);
require(["dijit/layout/ContentPane"]);
require(["dijit/TitlePane"]);
require(["dijit/MenuBar"]);
require(["dijit/PopupMenuBarItem"]);
require(["dijit/DropDownMenu"]);
require(["dijit/MenuItem"]);
require(["dijit/layout/TabContainer"]);
require(["dijit/form/Form", "dijit/form/Button", "dijit/form/ValidationTextBox", "dijit/form/DateTextBox"]);
</script>
<script>
require([
"dojo/query",
"dojo/domReady!"
], function(query){
query("#cp").onclick(
function(){
alert("cp");
}
)
});
</script>
<script>
require([
"dojo/query",
"dojo/domReady!"
], function(query){
query("#btn").onclick(
function(){
alert("btn");
}
)
});
</script>
</head>
<body class="claro">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="borderContainer">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'leading'" style="width: 20%;">
<div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Пусто', open: false">
<!-- Здесь ничего нет! -->
</div>
</div>
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="region: 'center', style: {height:'100%'}">
<div id="cp" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'top'">
<div data-dojo-type="dijit/MenuBar">
<div data-dojo-type="dijit/PopupMenuBarItem">
<span>Меню</span>
<div data-dojo-type="dijit/DropDownMenu">
<div id="btn" data-dojo-type="dijit/MenuItem">Текст1</div>
<div data-dojo-type="dijit/MenuItem">Текст2</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html> |
