EasyUI 使用JQuery灵活加载Json 数据

EasyUI官方给出的例子

$('#cc').combobox({  
    url:'combobox_data.json',  
    valueField:'id',  
    textField:'text'  
}); 

 

上面这个例子对 Json格式要求比较高 , 不够灵活.   我们用JQuery的方式配合EasyUI使用 可以做到非常灵活的加载格式.

 

第一种:

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'
        });
    }
});

 

实现例子(一次加载多次使用):

// 灵活加载广告列表
        var url = "${pageContext.request.contextPath }/ad_getAdList2Json.action";
        $.getJSON(url, function(json) {
            $.each(json, function(i, item) {
                item["textField"] = item.adName + "(" + item.aid + ")";
            });
            $('#aid1').combobox({
                data : json,
                valueField : 'aid',
                textField : 'textField'
            });
            $('#aid2').combobox({
                data : json,
                valueField : 'aid',
                textField : 'textField'
            });
        });