| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | |
|---|
| 6 | <title>File Picker Demo</title> |
|---|
| 7 | |
|---|
| 8 | <style type="text/css"> |
|---|
| 9 | @import "../../../dojo/resources/dojo.css"; |
|---|
| 10 | @import "../../../dijit/tests/css/dijitTests.css"; |
|---|
| 11 | </style> |
|---|
| 12 | |
|---|
| 13 | <!-- required: a default dijit theme: --> |
|---|
| 14 | <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/soria/soria.css"> |
|---|
| 15 | |
|---|
| 16 | <!-- the additional styles for the widget --> |
|---|
| 17 | <link id="widgetStyle" rel="stylesheet" href="../resources/FilePickerTextBox.css"> |
|---|
| 18 | |
|---|
| 19 | <!-- required: dojo.js --> |
|---|
| 20 | <script type="text/javascript" src="../../../dojo/dojo.js" |
|---|
| 21 | data-dojo-config="parseOnLoad: true, isDebug: true, useCommentedJson: true"></script> |
|---|
| 22 | |
|---|
| 23 | <!-- not needed, for testing alternate themes --> |
|---|
| 24 | <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script> |
|---|
| 25 | |
|---|
| 26 | <script type="text/javascript"> |
|---|
| 27 | dojo.require("dojo.parser"); |
|---|
| 28 | dojo.require("dojox.form.FilePickerTextBox"); |
|---|
| 29 | dojo.require("dojox.data.FileStore"); |
|---|
| 30 | dojo.require("dijit.form.Form"); |
|---|
| 31 | dojo.require("dijit.form.Button"); |
|---|
| 32 | </script> |
|---|
| 33 | </head> |
|---|
| 34 | |
|---|
| 35 | <body class="soria"> |
|---|
| 36 | <h1> |
|---|
| 37 | Demo: File Picker text box widget using dojox.data.FileStore |
|---|
| 38 | </h1> |
|---|
| 39 | <p>The picker below uses the dojox.data.FileStore and a PHP implementation for the serverside to browse the dojo tree hierarchy in a lazy-load fashion.</p> |
|---|
| 40 | <p><i><b>This demo must be run from a web-server with PHP support enabled. Without PHP support, this demo cannot function.</b></i></p> |
|---|
| 41 | <hr> |
|---|
| 42 | <div dojoType="dojox.data.FileStore" url="../../data/demos/stores/filestore_dojotree.php" data-dojo-id="fileStore" pathAsQueryParam="true"></div> |
|---|
| 43 | <form dojoType="dijit.form.Form" onSubmit="if(this.validate()){console.dir(this.getValues());}else{console.log('NOT VALID');} return false;"> |
|---|
| 44 | <label>Choose a file:<input required="true" name="fileName" type="text" dojoType="dojox.form.FilePickerTextBox" constraints="{store: fileStore, query:{}}" /></label><br> |
|---|
| 45 | <button dojoType="dijit.form.Button" type="submit">Submit</button> |
|---|
| 46 | </form> |
|---|
| 47 | </body> |
|---|
| 48 | </html> |
|---|
| 49 | |
|---|
| 50 | |
|---|
