EasyUI combobox 加载JSON数据

拼搏现实的明天。 2022-08-22 15:22 267阅读 0赞

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

作者：[itmyhome][]

[itmyhome]: http://blog.csdn.net/itmyhome1990