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.
64 lines
3.0 KiB
64 lines
3.0 KiB
<div class="view mblView"> |
|
<script type="dojo/require">at: "dojox/mvc/at"</script> |
|
<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='back:"Home"'>repeat2</h1> |
|
<form name="repeatTestForm" id="repeatTestForm2"> |
|
<div class="field-title">repeat2 - Using an mvcModel (dojox/mvc/EditStoreRefListController) with an ItemFileWriteStore which gets wrapped in DataStore, with a query.</div> |
|
<div id="repeatWidget2" class="fieldset" data-dojo-type="dojox/mvc/Repeat" |
|
data-dojo-props="exprchar: '#', children: this.loadedModels.repeatmodels2.model" > |
|
<div class="row"> |
|
<input data-dojo-type="dojox/mobile/TextBox" |
|
id="nameInput2#{this.index}" data-dojo-props="value: at('rel:#{this.index}','First')" placeHolder="First Name"> |
|
<button type="button" id="detail2#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton"> |
|
Details |
|
</button> |
|
<button type="button" id="insert2#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton"> |
|
+ |
|
</button> |
|
<button type="button" id="delete2#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton"> |
|
- |
|
</button> |
|
</div> |
|
</div> |
|
<div class="spacer"></div> |
|
<div data-dojo-type="dojox/mvc/Group" |
|
data-dojo-props="target: at(this.loadedModels.repeatmodels2, 'cursor')"> |
|
<div class="field-title"> |
|
<div style="display: inline-block;" id="detailsBanner2">Details for selected index:</div> |
|
<span class="cell" id="indexOutput2" |
|
data-dojo-type="dojox/mvc/Output" |
|
data-dojo-props="value: at(this.loadedModels.repeatmodels2, 'cursorIndex')"></span> |
|
</div> |
|
<table id="table2" cellspacing="10" style="width: 100%"> |
|
<tr> |
|
<td style="width: 100px;" class="layout">First Name</td> |
|
<td class="layout"> |
|
<input id="firstInput2" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'First'), placeholder:'First Name'"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">Last Name</td> |
|
<td class="layout"> |
|
<input id="lastInput2" 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="emailInput22" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'Email'), placeholder:'Email'"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width: 100px;" class="layout">Telephone</td> |
|
<td class="layout"> |
|
<input id="telInput2" data-dojo-type="dojox/mobile/TextBox" |
|
data-dojo-props="value: at('rel:', 'Tel'), placeholder:'Telephone'"> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</form> |
|
</div>
|
|
|