0
DijitのNewstarter。私は、同じページに複数のダイアログが共存するようなページを作りたいと思っています。同じページにあるDijit Widgets
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>widgets</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" media="screen">
<style>
#dialog { min-width: 300px; }
</style>
<!-- load dojo and provide config via data attribute -->
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"
data-dojo-config="has:{'dojo-debugging-messages':true}, parseOnLoad: false, foo: 'bar', async: true">
</script>
<script>
function load_widgets()
{
similar_users_widget();
in_silico_widget();
require([ "dijit/focus" ], function(focusUtil){
var activeElement = focusUtil.curNode; // returns null if there is no focused element
alert(activeElement);
});
}
function in_silico_widget()
{
// Require the registry, parser, Dialog, and wait for domReady
require(["dijit/registry", "dojo/parser", "dijit/Dialog", "dojo/domReady!",'dojo/_base/json'], function(registry, parser)
{
dojo.parser.parse();
var dialog = registry.byId("in_silico_dialog");
var content = "Another widget";
dialog.set("content", '<pre>' + 'Test<br>' + content + '</pre>');
dialog.show();
});
}
function similar_users_widget()
{
var json;
require(["dojo/_base/xhr"], function(xhr)
{
// get some data, convert to JSON
xhr.get({
url:"http://localhost:8080/DojoPlay/SocialNetworkAnalysis?op=retrieve_similar_users",
handleAs:"json",
load: function(data){
json = data;
}
});
});
// Require the registry, parser, Dialog, and wait for domReady
require(["dijit/registry", "dojo/parser", "dijit/Dialog", "dojo/domReady!",'dojo/_base/json'], function(registry, parser)
{
dojo.parser.parse();
var dialog = registry.byId("similar_users_dialog");
var content = "";
var h = json.people[0];
for (var k in h) {
// use hasOwnProperty to filter out keys from the Object.prototype
if (h.hasOwnProperty(k)) {
content+="key is: " + k + ", value is: " + h[k] + "\n";
}
}
dialog.set("content", '<pre>' + 'Test<br>' + content + '</pre>');
dialog.show();
});
}
require([ "dijit/focus" ], function(focusUtil){
var handle = focusUtil.watch("curNode", function(name, oldValue, newValue){
console.log("Focused node was", oldValue, "now is", newValue);
});
});
</script>
</head>
<body class="claro" onload="load_widgets();">
<h1>Demo: widgets</h1>
<div id="similar_users_dialog" data-dojo-type="dijit.Dialog" data-dojo-props="title: 'User suggestions'"></div>
<div id="in_silico_dialog" data-dojo-type="dijit.Dialog" data-dojo- props="title: 'In-silico dialog'"></div>
</body>
</html>
ページは正常に読み込まれますが、最初のウィジェットはもう一方の上に読み込まれ、2番目のウィジェットはクリックできません。最初のページを閉じるときだけ、ページは同じウィジェットにフォーカスします（それを使用することもできます）。
どちらのウィジェットをロードして、どちらか一方を閉じずに使用することはできますか？ ありがとうございました