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.
238 lines (220 loc) • 7.69 kB
HTML
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>MVC DOH Test</title>
<style>
@import "../../../../../dojo/resources/dojo.css";
@import "../../../../../dijit/tests/css/dijitTests.css";
@import "../css/app-format.css";
</style>
<!-- required: the default dijit theme: -->
<link id="themeStyles" rel="stylesheet" href="../../../../../dijit/themes/claro/claro.css"/>
<!-- required: dojo.js -->
<script src="../../../../../dojo/dojo.js" type="text/javascript"
djConfig="isDebug: true">
</script>
<script type="text/javascript" src="../helpers.js"></script>
<script type="text/javascript">
dojo.require("dojox.mvc");
dojo.require("dojox.mvc.Group");
dojo.require("dojox.mvc.Repeat");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.Button");
dojo.require("dojo.parser");
dojo.registerModulePath("17", "../dojox/mvc/tests/1.7");
dojo.require("17.test_templatedWidget.myMvcTemplated");
// Raw records for the master detail
var search_results_init = {
"Query": "Engineers",
"Results": [{
"First": "Anne",
"Last": "Ackerman",
"Location": "NY",
"Office": "1S76",
"Email": "a.a@test.com",
"Tel": "123-764-8237",
"Fax": "123-764-8228"
}, {
"First": "Ben",
"Last": "Beckham",
"Location": "NY",
"Office": "5N47",
"Email": "b.b@test.com",
"Tel": "123-764-8599",
"Fax": "123-764-8600"
}, {
"First": "John",
"Last": "Jacklin",
"Location": "CA",
"Office": "6701",
"Email": "j.j@test.com",
"Tel": "408-764-1234",
"Fax": "408-764-4321"
}]
};
// The dojox.mvc.StatefulModel class creates a data model instance
// where each leaf within the data model is decorated with dojo.Stateful
// properties that widgets can bind to and watch for their changes.
var searchRecords = dojox.mvc.newStatefulModel({
data: search_results_init
});
dojo.ready(function(){
dojo.parser.parse();
});
</script>
<script type="text/javascript">
dojo.require('doh.runner');
dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
dojo.addOnLoad(function() {
doh.register("parse", function() {
dojo.parser.parse();
});
// should be able to verify all of the inputs
doh.register("check initial values for Input0s", [{
name : "initial",
runTest : function() {
var name1, bind1;
//test nameInput0
name1 = dijit.byId("nameInput0");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Anne",bind1.data,"bind1.data should be set");
doh.is("Anne",bind1.value,"bind1.value should be set");
}
}
//test anameInput0
name1 = dijit.byId("anameInput0");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Anne",bind1.data,"bind1.data should be set");
doh.is("Anne",bind1.value,"bind1.value should be set");
}
}
//test bnameInput0
name1 = dijit.byId("bnameInput0");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Anne",bind1.data,"bind1.data should be set");
doh.is("Anne",bind1.value,"bind1.value should be set");
}
}
//test 9nameInput0
name1 = dijit.byId("9nameInput0");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Anne",bind1.data,"bind1.data should be set");
doh.is("Anne",bind1.value,"bind1.value should be set");
}
}
}
}]);
doh.register("check initial values for Input1s", [{
name : "initial",
runTest : function() {
var name1, bind1;
//test nameInput1
name1 = dijit.byId("nameInput1");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Ben",bind1.data,"bind1.data should be set");
doh.is("Ben",bind1.value,"bind1.value should be set");
}
}
//test anameInput1
name1 = dijit.byId("anameInput1");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Ben",bind1.data,"bind1.data should be set");
doh.is("Ben",bind1.value,"bind1.value should be set");
}
}
//test bnameInput1
name1 = dijit.byId("bnameInput1");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Ben",bind1.data,"bind1.data should be set");
doh.is("Ben",bind1.value,"bind1.value should be set");
}
}
//test 9nameInput1
name1 = dijit.byId("9nameInput1");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("Ben",bind1.data,"bind1.data should be set");
doh.is("Ben",bind1.value,"bind1.value should be set");
}
}
}
}]);
doh.register("check initial values for Input2s", [{
name : "initial",
runTest : function() {
var name1, bind1;
//test nameInput1
name1 = dijit.byId("nameInput2");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("John",bind1.data,"bind1.data should be set");
doh.is("John",bind1.value,"bind1.value should be set");
}
}
//test anameInput2
name1 = dijit.byId("anameInput2");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("John",bind1.data,"bind1.data should be set");
doh.is("John",bind1.value,"bind1.value should be set");
}
}
//test bnameInput2
name1 = dijit.byId("bnameInput2");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("John",bind1.data,"bind1.data should be set");
doh.is("John",bind1.value,"bind1.value should be set");
}
}
//test 9nameInput2
name1 = dijit.byId("9nameInput2");
if (name1) {
bind1 = name1.get("binding");
if (bind1 && bind1.isInstanceOf(dojox.mvc.StatefulModel)) {
doh.is("John",bind1.data,"bind1.data should be set");
doh.is("John",bind1.value,"bind1.value should be set");
}
}
}
}]);
doh.run();
});
</script>
</head>
<body class="claro" style="background-image: url(../images/master_detail.png)">
<div id="wrapper">
<div id="main">
<div id="leftNav"></div>
<div id="mainContent">
<div>
Test exprchar. Widget template test uses exprchar of # and others for template:#{this.index} etc.
</div>
<br/>
<div id="container2" data-dojo-type="dojox.mvc.tests.test_templatedWidget.myMvcTemplated">
</div>
</div>
</div>
</div>
</body>
</html>