dojox/app/tests/simpleModelApp/simple/simple3.html

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.

<div id="settings-3" 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 3</h1>
    <form name="testForm" id="testForm-3">    
  	<div class="field-title">simple 3 - Using simple JSON Model with data from a dojo.store.Memory</div>
  			<table id="table-3" cellspacing="10"  style="width: 100%">
				<tr>
					<td style="width: 100px;" class="layout">First</td>
					<td class="layout">							
						<input  id="firstInput1-3" data-dojo-type="dojox/mobile/TextBox" 
								data-dojo-props="placeholder:'First'">
					</td>
				</tr>
				<tr>
					<td style="width: 100px;" class="layout">Last Name</td>
					<td class="layout">
						<input 	id="lastInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
								data-dojo-props="placeholder:'Last Name'">
					</td>
				</tr>
				<tr>
					<td style="width: 100px;" class="layout">Email</td>
					<td class="layout">
						<input id="emailInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
								data-dojo-props="placeholder:'Email'">
					</td>
				</tr>
			</table>
		
	
  			<div class="spacer"></div>
			<button id="shipto-3" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Ship To</button>
			<button id="billto-3" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Bill To</button>		
			<br/>
			<div class="fieldset" id="shiptodiv-3" >Ship To:
	  			<table id="table-3" cellspacing="10" style="width: 100%">
					<tr>
						<td style="width: 100px;" class="layout">Street</td>
						<td class="layout">							
							<input  id="shiptostreetInput1-3" data-dojo-type="dojox/mobile/TextBox" 
									data-dojo-props="placeholder:'Street'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">City</td>
						<td class="layout">
							<input 	id="shiptocityInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'City'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">State</td>
						<td class="layout">
							<input id="shiptostateInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'State'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">Zip Code</td>
						<td class="layout">
							<input id="shiptozipInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'Zip Code'">
						</td>
					</tr>
				</table>
			</div>
			<div class="fieldset" id="billtodiv-3" >Bill To:
	  			<table id="table-3" cellspacing="10" style="width: 100%">
					<tr>
						<td style="width: 100px;" class="layout">Street</td>
						<td class="layout">							
							<input  id="billtostreetInput1-3" data-dojo-type="dojox/mobile/TextBox" 
									data-dojo-props="placeholder:'Street'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">City</td>
						<td class="layout">
							<input 	id="billtocityInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'City'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">State</td>
						<td class="layout">
							<input id="billtostateInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'State'">
						</td>
					</tr>
					<tr>
						<td style="width: 100px;" class="layout">Zip Code</td>
						<td class="layout">
							<input id="billtozipInput1-3" data-dojo-type="dojox/mobile/TextBox" 								 
									data-dojo-props="placeholder:'Zip Code'">
						</td>
					</tr>
				</table>
			</div>
			<div class="spacer"></div>
			<button id="reset1-3" type="button" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">Reset</button>
    </form>
</div>