Updated
This commit is contained in:
122
master/examples/test_FileUploaderDialog.html
Normal file
122
master/examples/test_FileUploaderDialog.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<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 !important;
|
||||
}
|
||||
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>
|
||||
Reference in New Issue
Block a user