1、用easyui的方式:有些缺点,未解决。我的json格式数据是:
{
"type": 1,
"num":"2345",
"description": "啦啦啦",
"demo": [
{
“a”:123,
"b":随便的,
................
"w": [
{
"user": {
"a": "13800138001",
"b": "张三",
"c": "zhangsan@qq.com",
"d": 13499203343
}
},
{
"user": {
"a": "13800138002",
"b": "李四",
"c": "lisi@qq.com",
"d": 12033201020
}
}
]
},
{
“a”:341,
"b":你好,
.....................
"w": [{
"user": {
"a": "13788299392",
"b": "李四",
"c": "lisi@qq.com",
"d": 13728232930
}
}
]
}
]
}
//js里面:
$.getJSON(queryPath,{//向后台传输的参数},function(data){
//有其他操作语句,自己根据自己代码写。后天没写total,和rows,自己拼接。
var valueData = {"total":data.demo.length,"rows":data.demo};
$("#OwnerShipList").datagrid({
data:valueData,//读取数据,不用url,因为我上面的是拼接的代码
striped:false,//交替显示行背景。
singleSelect:true,//单选
border:false,
plain:true,
showHeader:false,
columns:[[
{field:'b',align:'left',width:195}
]]
});
//这是我个人的相关数据,获取的是demo里的b数据。
}
//html页面:
<div data-options="region:'west',border:false" title="测试" style="width:200px;">
<div class="easyui-accordion" data-option="fit:true,border:false">
<table id='OwnerShipList' style="border:faslse"></table>
</div>
</div>
2、用遍历的方式: 这个方便,可用。
// json的数据获取部分不再写。
//js部分:
$.each(data.demo, function(i, result) {
console.info(result.a+"===="+result.b);
$("#OwnerShipList").append('<li data-result="' + result.a + '"><a>' + result.b + '</a></li>');
});
//html部分:
<div data-options="region:'west',border:false" title="测试" style="width:200px;">
<ul id="OwnerShipList" class="datalist"></ul>
</div>