Once we have a design completed, we can use this. No action at this time.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Data Browser</title>
<style>
html,
body,
.app,
.map {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: 'Segoe UI';
font-size: 13px;
background-color: #f9f9f9;
}
</style>
</head>
<body class="claro">
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css" />
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css" />
<script src="http://js.arcgis.com/3.10/"></script>
<script>
var dataBrowser;
require([
"esri/dijit/geoenrichment/DataBrowser",
"dojo/on",
"dojo/domReady!"
], function (
DataBrowser,
on
) {
dataBrowser = new DataBrowser({
okButton: 'ok',
backButton: 'back', //Back button text. Can be set to -null- which should hide the button.
cancelButton: 'cancel', //Cancel button text. Can be set to -null- which should hide the button.
countryBox: true, //Show/hide country dropdowm
selection: ["KeyUSFacts.TOTPOP_CY", "KeyUSFacts.TOTHH_CY"], //Array of currently selected variables
countryID: "US"
}, "dataBrowser");
dataBrowser.startup();
on(dataBrowser, 'ok', function (evt) {
var selection = dataBrowser.selection;
console.log(selection);
});
on(dataBrowser, 'back', function (evt) {
var selection = dataBrowser.selection;
console.log(selection);
});
on(dataBrowser, 'cancel', function (evt) {
var selection = dataBrowser.selection;
console.log(selection);
});
});
</script>
<div id="dataBrowser"></div>
</body>
</html>