dojox/mvc/tests/1.7/mobile/demo/shipToBillTo.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" dojoType="dojox.mobile.ScrollableView"  style="width: 100%;">
    <h1 id="home" dojoType="dojox.mobile.Heading" back="Home" moveTo="foo">Data Binding Example</h1>
	<form name="testForm" id="testForm">	
	<div class="field-title">Ship to - Bill to Address</div>
        <div class="fieldset" dojoType="dojox.mvc.Group" ref="model">
        	<div class="field-row">
				<span>Order #</span>
				<input type=text id="lastnameInput" dojoType="dojox.mobile.TextBox"
					placeholder="Order #" ref="'rel:Serial'"></input>
			</div>
        	<div class="field-row">
				<span>Last</span>
				<input type=text id="serialInput" dojoType="dojox.mobile.TextBox"
					placeholder="Last" ref="'rel:Last'"></input>
			</div>
        	<div class="field-row">
				<span>Email</span>
				<input type=text id="emailInput1" dojoType="dojox.mobile.TextBox"
					placeholder="Last" ref="'rel:Email'"></input>
			</div>
        </div>
        <div class="spacer"></div>
        <button id="shipto" type="button" dojoType="dojox.mobile.Button" class="mblBlueButton" onclick="setRef('addrGroup', model.ShipTo)">Ship To</button>
        <button id="billto" type="button" dojoType="dojox.mobile.Button" class="mblBlueButton" onclick="setRef('addrGroup', model.BillTo)">Bill To</button>     
        <br/>
        <div class="fieldset" id="addrGroup" dojoType="dojox.mvc.Group" ref="model.ShipTo">
        	<div class="field-row">
				<span>Street</span>
				<input type=text id="streetInput" dojoType="dojox.mobile.TextBox"
					placeholder="Street" ref="'rel:Street'"></input>
			</div>
        	<div class="field-row">
				<span>City</span>
				<input type=text id="cityInput" dojoType="dojox.mobile.TextBox"
					placeholder="City" ref="'rel:City'"></input>
			</div>
        	<div class="field-row">
				<span>State</span>
				<input type=text id="stateInput" dojoType="dojox.mobile.TextBox"
					placeholder="State" ref="'rel:State'"></input>
			</div>
        	<div class="field-row">
				<span>ZIP Code</span>
				<input type=text id="zipInput" dojoType="dojox.mobile.TextBox"
					placeholder="ZIP Code" ref="'rel:Zip'"></input>
			</div>
        </div>
        <div class="spacer"></div>
        <button id="reset1" type="button" dojoType="dojox.mobile.Button" class="mblBlueButton" onclick="model.reset()">Reset</button>
	</form>
</div>