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中包含 totalrows,我们需要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>
时间: 2024-11-07 11:57:48

EasyUI combobox 加载JSON数据的相关文章

EasyUI combobox 加载JSON数据《一》

Action返回 JSON 格式如下: jsonResult = { total=7,rows=[ {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, {TEXT=开发部, ID=402894ca4419acf1014419beb1bc0001}, {TEXT=实施, ID=4028e439476b55be01477bbf0fab0000}, {TEXT=技术支持, ID=4028e439476b55be01477bbfb80e0001}, {TE

JQuery跨域加载JSON数据或HTML。

前提:有时候需要在网页上,加载另一个网站上的数据.或者加载另一个网站上的一个页面.Js的Ajax请求不具备跨域功能,可以使用JQuery来实现. 网页端JS代码: $(function () { $.ajax({ type: "get", async: false, url: "http://localhost:13964/getpage.ashx?callback=?",//服务端URL,该URL返回一段JS数据.如需返回HTML,只需把HTML组织成JSON即可

hive加载json数据解决方案

hive官方并不支持json格式的数据加载,默认支持csv格式文件加载,如何在不依赖外部jar包的情况下实现json数据格式解析,本编博客着重介绍此问题解决方案 首先创建元数据表: create EXTERNAL table access_log (content string) row format delimited fields terminated by '\t' STORED AS INPUTFORMAT 'com.hadoop.mapred.DeprecatedLzoTextInpu

MVC4中EasyUI Tree异步加载JSON数据生成树

  1,首先构造tree接受的格式化数据结构MODEL /// <summary> /// 定义EasyUI树的相关数据,方便控制器生成Json数据进行传递 /// </summary> // [DataContract] [Serializable] public class EasyTreeData { /// <summary> /// ID /// </summary> //  [DataMember] public string id { get;

dojo 加载Json数据

1.今天研究了dojo datagrid加载WebService后台传上来的数据.研究来研究去发现他不是很难.用谷歌多调试一下就好了. 2.看很多例子,这个例子能够更好的帮我解决问题:https://dojotoolkit.org/documentation/tutorials/1.10/dojo_data/index.html 往下滑动页面会看到类似于下面例子的截图: 3.框架都好说,把字段对应上问题不大,主要是数据.我开始是直接将WebService传出来的JSON数据传入给Memory的d

Echarts ajax动态加载json数据

后台php写的,给前台准备好json格式数据 public function actionGetOffline(){ $userid = Yii::$app->user->identity->user_id; $connection = Yii::$app->db; $command = $connection->createCommand("SELECT proc_phase_id from tb_pro where user_id like '%$userid%

vue通过ajax加载json数据

HTML <ul id="Hanapp"> <li class="styVue" v-for="item in actList"> <a class="img_li" :href="item.href"></a> <img :src="item.img" alt="" /> <span class=&q

easyui datagrid 的数据加载Json数据

var obj = {'total':100,'rows':[{id:'1',name:'一'},{id:'2',name:'二'}]}; $('#tt').datagrid('loadData',obj);

Ext.tree.panel 后端动态加载json数据

首先建一个bean类,如: package ***.bean; import java.io.Serializable;import java.util.List; public class Menu implements Serializable { private static final long serialVersionUID = 1L; private String id; private String parentId;//设置父id和子id用来拼接children,设成字符串有利