加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 21:29:21 所属栏目:百科 来源:网络整理
导读: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/domRead
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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读