zoukankan      html  css  js  c++  java
  • 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中直接写入

    <table id='grid' class='easyui-datagrid' style='1100px;height:500px' 
                title='用户列表' iconCls='icon-table'  rownumbers='true' fitColumns='true' singleSelect='true' toolbar='#toolbar' >  
            <thead>  
                <tr>  
                    <th field='file_name' width='50' align='center'>文件名称</th>  
                    <th field='file_txt' width='70'align='center'>文件内容</th>   
                    <th field='file_path' width='70' align='center'>存储位置</th> 
                </tr>  
            </thead>  
            <tbody>
                <tr>
                    <td>EST-1</td><td>FI-SW-01</td><td>Large</td>
                </tr>
                <tr>
                    <td>EST-10</td><td>K9-DL-01</td><td>Spotted Adult Female</td>
                </tr>
            </tbody>
        </table>  
  • 相关阅读:
    Js获取下拉框当前选择项的文本和值
    11、ACL
    10、VLAN
    9、层二交换技术
    8、OSPF
    7、EIGRP
    6、RIP
    5、路由协议原理
    4、设备配置与管理
    3、IP地址划分
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/6923366.html
Copyright © 2011-2022 走看看