关于Easyui combobox 数据不显示问题

最新推荐文章于 2021-01-14 16:13:25 发布

叫我阿龙啊

最新推荐文章于 2021-01-14 16:13:25 发布

阅读量6.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui combobox 文章标签： easyui combobox

本文链接：https://blog.youkuaiyun.com/Nicholas_long/article/details/80585015

easyui 同时被 2 个专栏收录

17 篇文章

订阅专栏

combobox

4 篇文章

订阅专栏

本文介绍了两种不同格式的JSON数据及对应的解析方法。一种符合API规范，另一种则包含额外的'rows'字段。通过示例代码展示了如何使用jQuery的$.getJSON方法来获取并解析这些JSON数据，最终用于填充Combobox组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

还是先上图看效果：

这是正确的效果，小编不显示的原因是json数据的问题，下面是API要求的返回json格式：

[{  
    "id":1,  
    "text":"text1"  
},{  
    "id":2,  
    "text":"text2"  
},{  
    "id":3,  
    "text":"text3",  
    "selected":true  
},{  
    "id":4,  
    "text":"text4"  
},{  
    "id":5,  
    "text":"text5"  
}]

小编返回的json格式 json中包含rows，其实这种json格式不完全说是错误的，按照官方要求的是错误的，这种方式完全可以解析：

{
    "rows": [
        {
            "m_id": 1,
            "m_name": "工作平台",
            "m_code": "001",
            "m_childrenId": 0,
            "iconCls": "fafa-televisionfa-2x",
            "m_url": "ww.baidu.com",
            "m_time": 1527557191000,
            "m_text": "",
            "m_sort": 0,
            "m_level": 0,
            "m_statu": 0,
            "m_adminName": null,
            "children": null
        }

    ]

}

接下来说一下解析json带有rows的方式：

var url = "getRootPath()+'/MenuController/getMenuM_id";
$.getJSON(url,function(json) {
    $('#cc').combobox({
        data: json.rows.属性,
        valueField: 'm_id',
        textField: 'm_name'
    });
});

到这里就结束了，很简单，希望给同学们带来帮助。人生重要的不是位置，而是前进的方向