easyui datagrid加载数据的三种方式

1、加载本地数据

var obj = {"total":2,"rows":[{id:"1",name:"一"},{id:"2",name:"二"}]};   
$('#dg').datagrid('loadData',obj);

注意:这里的数据必须是json对象,要是json字符串,必须先转换成json对象才能作为datagrid的数据源。否则会出现异常:Cannot read property ‘length’ of undefined。

var str = '{"total":2,"rows":[{id:"1",name:"一"},{id:"2",name:"二"}]}';  
var data = $.parseJSON(str);   
$('#dg').datagrid('loadData', data);

2、加载url方式获取的数据

$('#dg').datagrid({   
    url:'datagrid_data2.json'   
});

 3、Html中直接写入

文件名称 文件内容 存储位置
EST-1FI-SW-01Large
EST-10K9-DL-01Spotted Adult Female

来自网上资料

自己实际测试的结果:


编号 测试人员 文件路径 测试时间

后端:

@RequestMapping(value="/select")
    public Map getdata(){
        Map resultMap=new HashMap();
        Listlist=meoryService.getData();
        resultMap.put("total",list.size()+1);
        resultMap.put("rows",list);
        return resultMap;
    }

实现的效果:

easyui datagrid加载数据的三种方式_第1张图片

实现效果比较ok!

你可能感兴趣的:(【easyUI】)