关于Easyui combobox 数据不显示问题

还是先上图看效果:

这是正确的效果,小编不显示的原因是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'
    });
});

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



easyui中,可以通过设置combobox的data属性来绑定数据源。data属性可以是一个JavaScript数组,包含要显示combobox中的数据。 以下是一个简单的示例代码,示例中的combobox数据源是一个包含“北京”、“上海”、“广州”和“深圳”的数组: ```javascript $('#mycombobox').combobox({ data: [ {value: '北京', text: '北京'}, {value: '上海', text: '上海'}, {value: '广州', text: '广州'}, {value: '深圳', text: '深圳'} ] }); ``` 在这个示例代码中,mycomboboxcombobox的id,data属性是一个数组,包含了要显示combobox中的数据。数组中的每个元素都是一个对象,包含了value和text属性。value属性表示该选项的值,text属性表示该选项在combobox显示的文本。 如果需要从后台获取数据来绑定combobox,则可以使用easyui的远程数据绑定方法。在远程绑定中,需要指定combobox的url属性和valueField属性,url属性表示从后台获取数据的url,valueField属性表示数据源中每个选项的值字段。 以下是一个远程数据绑定的示例代码,示例中的combobox数据源是从远程url中获取的: ```javascript $('#mycombobox').combobox({ url: 'data.php', valueField: 'id', textField: 'text' }); ``` 在这个示例代码中,mycomboboxcombobox的id,url属性表示从后台获取数据的url,valueField属性表示数据源中每个选项的值字段,textField属性表示数据源中每个选项的文本字段。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值