首页 > 代码库 > EasyUI combobox 加载JSON数据《一》
EasyUI combobox 加载JSON数据《一》
Action返回 JSON 格式如下:
jsonResult = { total=7,rows=[ {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, {TEXT=开发部, ID=402894ca4419acf1014419beb1bc0001}, {TEXT=实施, ID=4028e439476b55be01477bbf0fab0000}, {TEXT=技术支持, ID=4028e439476b55be01477bbfb80e0001}, {TEXT=客户服务, ID=4028e439476b55be01477bc015a80002}]}
json中包含 total 和 rows,我们需要rows下面的内容来显示在combobox中,API规定必须用下面格式的json:
[{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3, "text":"text3", "selected":true },{ "id":4, "text":"text4" },{ "id":5, "text":"text5" }]
官方给出了一个示例
$(‘#cc‘).combobox({ url:‘combobox_data.json‘, valueField:‘id‘, textField:‘text‘ });
一直不明白只需一个url 如何返回数据?百思不得姐
以下是两种解决方法
第一种:
var url = "admin/FrmQueryAllGroup.do";$.getJSON(url,function(json) { $(‘#cc‘).combobox({ data: json.jsonResult.rows, valueField: ‘ID‘, textField: ‘TEXT‘ });});
第二种:
$.ajax({ type: "POST", url: ‘admin/FrmQueryAllGroup.do‘, dataType: "json", success: function(json) { $(‘#cc‘).combobox({ data: json.jsonResult.rows, valueField: ‘ID‘, textField: ‘TEXT‘ }); }});
注:jsonResult 为Action中返回值,rows 为 jsonResult 中的属性
struts.xml
<package name="FrmTaskUser_Ajax_code" extends="json-default"> <action name="FrmQueryAllGroup" method="queryAllGroup" class="org.bkgd.autoform.web.action.ActionTaskuserFormQuery"> <result type="json"></result> </action></package>
EasyUI combobox 加载JSON数据《一》
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。