У меня проблемы с классами Dijit, они просто не хотят работать. Мой код не создает кнопку вокруг стола, и эта кнопка не симпатична, как должна быть. Наверное, с путём, но я не уверен. Я получаю эту ошибку: «Неопределенное значение атрибута (dijit/layout/TabContainer)». рядом с кнопками. Мой файл находится в той же папке, что и dojo, dijit, dojox.Ошибка пути Dijit
Вот как это должно выглядеть следующим образом: http://i.stack.imgur.com/HcKuJ.png
И это мой код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
<link rel="stylesheet" href="dijit/themes/claro/claro.css">
<script src="dojo/dojo.js" data-dojo-config="async: true"></script>
<script type="text/javascript">
require([
"dijit/form/Button",
"dijit/layout/TabContainer",
"dijit/layout/ContentPane",
"dojo/domReady!"
], function(Button, TabContainer, ContentPane){
var tc = new TabContainer({
style: {
height: "200px",
width: "400px"
},
id: "tc"
}),
atab = new ContentPane({
title: "A Tab",
closable: false,
id: "atab"
}),
myButton = new Button({
label: "Click Me!",
id: "myButton"
});
atab.addChild(myButton);
tc.addChild(atab);
tc.startup();
});
</script>
</head>
<body class="claro">
<div id="tc" data-dojo-type="dijit/layout/TabContainer"
data-dojo-props="style: { height: '200px', width: '400px' }">
<div id="atab" data-dojo-type="dojo/dijit/layout/ContentPane"
data-dojo-props="title: 'A Tab', closable: false">
<button type="button" id="myButton"
data-dojo-type="dijit/form/Button">
<span>Click Me!</span>
</button>
</div>
</div>
</body>
</html>