zoukankan      html  css  js  c++  java
  • easyui datagrid 加载静态文件中的json数据

    本文主要介绍easyui datagrid 怎么加载静态文件里的json数据,开发环境vs2012,

    一、json文件所处的位置

    二、json文件内容

    {"total":28,"rows":[
        {"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
        {"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
        {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
        {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
        {"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
        {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
        {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
        {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
        {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
        {"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
    ]}

    三、HTML代码

    <body>
        <form id="form1" runat="server">
         <div style="margin:20px 0;"></div>
        
        <table class="easyui-datagrid" title="Basic DataGrid" style="700px;height:500px"
                data-options="singleSelect:true,collapsible:true,url:'Home/HandlerBasicFromFile'">
            <thead>
                <tr>
                    <th data-options="field:'itemid',80">Item ID</th>
                    <th data-options="field:'productid',100">Product</th>
                    <th data-options="field:'listprice',80,align:'right'">List Price</th>
                    <th data-options="field:'unitcost',80,align:'right'">Unit Cost</th>
                    <th data-options="field:'attr1',250">Attribute</th>
                    <th data-options="field:'status',60,align:'center'">Status</th>
                </tr>
            </thead>
        </table>
        </form>
    </body>

    四、控制器代码

       public ActionResult HandlerBasicFromFile()
            {
                string path = Server.MapPath("~/loaclData/datagrid_data1.json");
                return File(path, "application/json");
            }

  • 相关阅读:
    游戏中常见英语词汇,做游戏的,玩游戏总是要碰到的
    解决maven项目创建过慢的问题以及快捷键
    java数据结构与算法三: 链表(双向链表)
    java数据结构与算法三: 链表(单链表)
    java数据结构与算法二: 队列(数组模拟环形队列)
    java数据结构与算法二: 队列(数组模拟队列)
    破解网易云方法集合
    java数据结构与算法一:稀疏数组
    java读写磁盘文件
    eclipse常用快捷键
  • 原文地址:https://www.cnblogs.com/net064/p/9522260.html
Copyright © 2011-2022 走看看