You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
3.2 KiB
80 lines
3.2 KiB
<div id="settings" class="view mblView"> |
|
<script type="dojo/require">at: "dojox/mvc/at"</script> |
|
<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='back:"Home"'>simple</h1> |
|
<form name="testForm" id="testForm"> |
|
<div class="field-title">simple - Using an mvcModel (dojox/mvc/ModelRefController) with json data, no store.</div> |
|
<div class="fieldset" data-dojo-type="dojox/mvc/Group" data-dojo-props="target: at(this.loadedModels.names, 'model')"> |
|
<div data-dojo-type="dojox/mvc/Group" data-dojo-props="target: at('rel:', 'items')"> |
|
<div data-dojo-type="dojox/mvc/Group" data-dojo-props="target: at('rel:', 0)"> |
|
<table id="table" cellspacing="10" style="width: 100%"> |
|
<tr> |
|
<td style="width: 100px;" class="layout">First</td> |
|
<td class="layout"> |
|
<input id="firstInput1" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'First'), placeholder:'First'"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">Last Name</td> |
|
<td class="layout"> |
|
<input id="lastInput1" data-dojo-type="dojox/mobile/TextBox" |
|
|
|
data-dojo-props="placeholder:'Last Name', value: at('rel:', 'Last')"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">Email</td> |
|
<td class="layout"> |
|
<input id="emailInput1" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'Email'), placeholder:'Email'"> |
|
</td> |
|
</tr> |
|
</table> |
|
|
|
|
|
<div class="spacer"></div> |
|
<button id="shipto" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Ship To</button> |
|
<button id="billto" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Bill To</button> |
|
<br/> |
|
<div class="fieldset" id="addrGroup" data-dojo-type="dojox/mvc/Group" |
|
data-dojo-props="target: at('rel:','ShipTo')"> |
|
<table id="table" cellspacing="10" style="width: 100%"> |
|
<tr> |
|
<td style="width: 100px;" class="layout">Street</td> |
|
<td class="layout"> |
|
<input id="streetInput" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'Street'), placeholder:'Street'"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">City</td> |
|
<td class="layout"> |
|
<input id="cityInput" data-dojo-type="dojox/mobile/TextBox" |
|
|
|
data-dojo-props="placeholder:'City', value: at('rel:', 'City')"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">State</td> |
|
<td class="layout"> |
|
<input id="StateInput" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'State'), placeholder:'State'"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">State</td> |
|
<td class="layout"> |
|
<input id="ZipInput" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'Zip'), placeholder:'Zip Code'"> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="spacer"></div> |
|
<!-- <button id="reset1" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Reset</button> --> |
|
</form> |
|
</div> |