dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
123 lines (113 loc) • 3.09 kB
HTML
<html lang="en">
<head>
<title>FileUploader Dialog Test</title>
<link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
<link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
<link href="../../../dijit/themes/tundra/form/Button.css" rel="stylesheet" />
<link href="../../../dijit/themes/tundra/Dialog.css" rel="stylesheet" />
<link href="../../../dijit/themes/tundra/layout/TabContainer.css" rel="stylesheet" />
<link href="../resources/FileUploader.css" rel="stylesheet" />
<script>
djConfig = {
isDebug: true,
popup:true,
parseOnLoad: true
}
</script>
<script src="../../../dojo/dojo.js"></script>
<script>
dojo.require("dojo.parser");
dojo.require("dojox.form.FileUploader");
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.Form");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.TabContainer");
dojo.addOnLoad(function(){
console.warn("show")
console.log("CP:", dijit.byId("dialogContentPane"))
var w = dijit.byId("myDialog");
if(w){
w.show();
}
});
</script>
<style>
html{
height:100%;
}
body{
font-family:sans-serif;
font-size:12px;
height:100%;
}
#tabs{
width:100%;
height:100%;
}
.dijitContentPane{
padding:10px;
}
table td{
width:33%;
vertical-align:top;
}
.scrolls{
width:100%;
height:75px;
overflow-y:scroll;
position:relative;
}
.note{
font-size:11px;
font-family:sans-serif;
color:#666;
width:400px;
margin-top:15px;
}
.note.nw{
width:auto ;
}
h3{
width:600px;
font-weight:normal;
font-size:14px;
}
.formContent{
width:300px;
height:150px;
}
#myDialog #dialogContentPane{
width:400px;
height:200px;
}
</style>
<script>
dojo.ready(function(){
var fu = dijit.byId("fu")
console.log(fu.domNode)
});
</script>
</head>
<body class="tundra">
<h1>FileUploader Dialog Test</h1>
<p>
Tests that FileUploader will load in a dialog box. Its detecting that an ancestor is
a dialog and if so makes it display="block" while it gets measurements, then changes it
back. It then connects to the dialog's onShow and is built at that time.
<strong>NOTE: This test opens a Browse Dialog, but does not upload.</strong>
</p>
<div id="myDialog" class="dialog" dojoType="dijit.Dialog" title="Edit Account">
<div id="dialogContentPane" dojoType="dijit.layout.ContentPane">
<label>Dummy Upload:</label>
<span id="editUsername"></span>
<label>Password:</label>
<div id="editerror"></div>
<div id="editSubmitBtn" class="authButton" dojoType="dijit.form.Button">Submit</div>
<button id="fu" isDebug="true" devMode="false" dojoType="dojox.form.FileUploader">Default Markup Flash</button>
<!--<button isDebug="false" devMode="true" force="html" dojoType="dojox.form.FileUploader">Default Markup HTML</button>-->
</div>
</div>
</body>
</html>