<div class="view mblView">
	<script type="dojo/require">at: "dojox/mvc/at"</script>
   	<h2 data-dojo-type="dojox/mobile/EdgeToEdgeCategory" style="height: 32px;" data-app-constraint="top">Repeat Data Binding Example</h2>
 
    <form name="repeatTestForm" id="repeatTestForm">    
    	<div class="field-title">Search Results</div>
        <div id="repeatWidget" class="fieldset" data-dojo-type="dojox/mvc/Repeat" 
        	data-dojo-props="exprchar: '#', children: this.loadedModels.repeatmodels.model" >
           <div class="row">            
                    <input data-dojo-type="dojox/mobile/TextBox"
                        id="nameInput#{this.index}" data-dojo-props="value: at('rel:#{this.index}','First')" placeHolder="First Name">
                    <button type="button" id="detail#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">
                        Details
                    </button>
                    <button type="button" id="insert#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">
                        +
                    </button>
                    <button type="button" id="delete#{this.index}" data-dojo-type="dojox/mobile/Button" class="mblBlueButton">
                        -
                    </button>
			</div>
        </div>
	</form>
</div>
