微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

dojo小例子6页面打开后,请求数据,把反馈数据回填页面

require([
	"dojo/parser","dojo/domready!"
],function(parser){
	parser.parse();
});

require(["dijit/form/Form","dijit/form/ValidationTextBox","dijit/form/TextBox","dijit/form/Select","dijit/form/Button"]);
 require(["dojo/request/xhr","dojo/domready!"],function(xhr){

		xhr.get("/dojo/rest/getCompany",{ // 请求数据
		    handleAs: "json"
		  }).then(function(data){

			  dijit.byId('myForm').set('value',data); // 数据回填表单,数据中的字段名必须和表单元素name一致
			  
		  },function(err){
			  alert("err:"+err);
		  });
});
	<div data-dojo-type="dijit/form/Form" id="myForm">
	    <table>
	       <tr>
	       		<td align="right">
					公司名称:
			 	</td>
				<td Nowrap>
					<input name="companyName" data-dojo-type="dijit/form/TextBox" value="三元"/>
				</td>
			</tr>
			<tr>
				<td align="right">
					电话号码:
				</td>
				<td Nowrap>
					<input name="phone" data-dojo-type="dijit/form/TextBox" />
				</td>
			</tr>
		</table>
	</div>

数据请求成功,并自动回填表单的前提:

1、数据中的字段名和表单元素name一一对应

2、页面中用到的dojo插件都要事先require进来,否则就会报错WARNING: Modules being Auto-required: dijit/form/TextBox

TypeError: dijit.byId(...) is undefined

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐