easy ui datagrid 数据绑定

最新推荐文章于 2024-04-12 06:42:59 发布

dengyi8023

最新推荐文章于 2024-04-12 06:42:59 发布

阅读量267

点赞数

文章标签： ui xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/foreverfendou/p/4363561.html

版权

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',
                width: 800,
                height: 250,
                url: "datagrid.js",
                method:'get',
                columns: [[
                { title: '统计', colspan: 6 },
                {
                    field: 'OID', title: '标题', width: 100, align: 'center', rowspan: 2,

                }
                ], [
                        { field: 'oid', title: '订单ID', width: 100 },
                        { field: 'Indate', title: '入住日期', width: 100, align: 'right' },
                        { field: 'outdate', title: '离店日期', width: 100, align: 'left' },
                        { field: 'roomnum', title: '房间数', width: 100 },
                        { field: 'price', title: '价格', width: 100 },
                        { field: 'pricecb', title: '成本价格', width: 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', 在请求时需要

转载于:https://www.cnblogs.com/foreverfendou/p/4363561.html

dengyi8023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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&...
复制链接

扫一扫