这次做项目遇到了一个问题,在easyui-combobox加载json数据中对象的属性。后台返回的json中包含一个对象,而我想调用对象中的属性,后台返回的json如下:
{"rows":[{"cid":"1","cname":"杨盛威"},{"cid":"2","cname":"黄锋"},{"cid":"3","cname":"刘烨"},{"cid":"4","cname"
:"袁莉"},{"cid":"5","cname":"李齐祥"},{"cid":"6","cname":"阿木木"},{"cid":"7","cname":"提莫"},{"cid":"8","cname"
:"卡尔马"}],"total":0}
json中包含rows,而rows才是我要显示在combobox的值,API规定必须用下面格式的json:
按照API提供的方法,我开始写了下段代码,结果是后台返回了我要的json数据,但combobox里却不显示。
$('#toid_combobox').combobox({
url:'${pageContext.request.contextPath}/back/clerk_combobox_data.action',
valueField:'cid',
textField:'cname'
});
解决方案:我先调用Jquery提供的getJSON方法,获取到我json,再初始化combobox使指定data属性为:json.rows,就OK了。
代码:
var url="${pageContext.request.contextPath}/back/clerk_combobox_data.action";
$.getJSON(url,function(json){
$('#toid_combobox').combobox({
data:json.rows,
valueField:'cid',
textField:'cname'
});
});
最后显示结果: