zoukankan      html  css  js  c++  java
  • easy ui datagrid 数据绑定

    1.前台页面

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link href="../../../EasyUI/themes/default/easyui.css" rel="stylesheet" />
        <link href="../../../EasyUI/demo/demo.css" rel="stylesheet" />
        <link href="../../../EasyUI/themes/icon.css" rel="stylesheet" />
        <script src="../../../EasyUI/jquery.min.js"></script>
        <script src="../../../EasyUI/jquery.easyui.min.js"></script>
    
        <script>
            $(document).ready(function () {
                $('#list').datagrid({
                    title: '统计 报表',
                    iconCls: 'icon-save',
                     800,
                    height: 250,
                    url: "datagrid.js",
                    method:'get',
                    columns: [[
                    { title: '统计', colspan: 6 },
                    {
                        field: 'OID', title: '标题',  100, align: 'center', rowspan: 2,
    
                    }
                    ], [
                            { field: 'oid', title: '订单ID',  100 },
                            { field: 'Indate', title: '入住日期',  100, align: 'right' },
                            { field: 'outdate', title: '离店日期',  100, align: 'left' },
                            { field: 'roomnum', title: '房间数',  100 },
                            { field: 'price', title: '价格',  100 },
                            { field: 'pricecb', title: '成本价格',  100 }
                    ]],
                    pagination: true,
                    rownumbers: true
                });
            }
         );
        </script>
    </head>
    <body>
        <table id="list"></table>
    </body>
    </html>

    2.data

    {"total":100,"rows":[{"ID":"7","OID":"17","HotelID":"57","RoomTypeID":"216","SourceCID":"1","CID":"1","Indate":"2010-9-11 0:00:00","Price":"","THPrice":"","RoomNum":"1","PriceCB":"","PriceAC":"","HotelStatus":"0","SourceStatus":"0","CusPriceAC":"","RoomIn":"0","PrivataRoom":"0","CusPrice":"0","CUsID":"1","InStatus":"","OutStatus":"","InMoney":"","OutMoney":"","TableName":"T_OrderRoom"},{"ID":"202","OID":"67","HotelID":"57","RoomTypeID":"579","SourceCID":"1","CID":"1","Indate":"2010-10-7 0:00:00","Price":"825","THPrice":"660","RoomNum":"1","PriceCB":"700","PriceAC":"660","HotelStatus":"0","SourceStatus":"0","CusPriceAC":"","RoomIn":"0","PrivataRoom":"0","CusPrice":"0","CUsID":"1","InStatus":"","OutStatus":"","InMoney":"","OutMoney":"","TableName":"T_OrderRoom"}]}

    3.说明

     method:'get', 在请求时需要
  • 相关阅读:
    故事讲的好,才会有人去思考:什么是成功的商业片——记《疯狂的石头》
    收集的特色flash网站
    pf负载均衡
    squid故障与解决方法汇总
    IIS7.0在Vista上的错误 0x80070021
    PF 默认会限制最大连接数5000问题
    Squid日志详解
    samba结合AD实现大型网络方案
    inotify监听+rsync
    AD帐号登陆samba自动创建主目录脚本
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4363561.html
Copyright © 2011-2022 走看看