测试一下

2017-12-18  本文已影响0人  咆哮瓦洛佳
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <link rel="stylesheet" type="text/css" href="css/admin.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>

    <script type="text/javascript" src="js/manager.js"></script>
</head>
<body class="easyui-layout">

<div data-options="region:'north',title:'header',split:true,noheader:true" style="height:60px;background:#666;">
    <div class="logo">后台管理</div>
    <div class="logout">您好,<?php echo $_SESSION['admin']?> | <a href="logout.php">退出</a></div>
</div>
<div data-options="region:'west',title:'导航',split:true,iconCls:'icon-world'" style="width:180px;padding:10px;">
    <ul id="nav"></ul>
</div>

<div data-options="region:'center'" style="overflow:hidden;">
    <div class="easyui-tabs" style="width: 800px; height: 800px;">
        <div title="已复核商品">
            <table id="manager"></table>
            <div id="manager_tool" style="padding:5px;">
                <div style="margin-bottom:5px;">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="obj.add();">添加</a>
                    <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="obj.edit();">修改</a>
                    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="obj.remove();">删除</a>
                    <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" id="save" onclick="obj.save();">保存</a>
                    <a href="#" class="easyui-linkbutton" iconCls="icon-redo" plain="true" id="redo" onclick="obj.redo();">取消编辑</a>
                </div>
                <div style="padding:0 0 0 7px;color:#333;">
                    查询帐号:<input type="text" class="textbox" name="user" style="width:110px">
                    创建时间从:<input type="text" name="date_from" class="easyui-datebox" editable="false" style="width:110px">
                    到:<input type="text" name="date_to" class="easyui-datebox" editable="false" style="width:110px">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="obj.search();">查询</a>
                </div>
            </div>

        </div>
        <div title="未复核商品" data-options="closable:true">
            <table id="manager2"></table>
        </div>
    </div>
</div>

<script>
    $('#manager').datagrid({
        url : 'manager_data.php',
        fit : true,
        fitColumns : true,
        striped : true,
        rownumbers : true,
        border : false,
        pagination : true,
        pageSize : 20,
        pageList : [10, 20, 30, 40, 50],
        pageNumber : 1,
        sortName : 'date',
        sortOrder : 'desc',
        toolbar : '#manager_tool',
        columns : [[
            {
                field : 'id',
                title : '自动编号',
                width : 100,
                checkbox : true,
            },
            {
                field : 'manager',
                title : '管理员帐号',
                width : 100,
            },
            {
                field : 'auth',
                title : '拥有权限',
                width : 100,
            },
            {
                field : 'date',
                title : '创建日期',
                width : 100,
            },
        ]],
    });

    $('#manager2').datagrid({
        columns:[[
            {field:'userId',title:'User', width:80},
            {field:'userId',title:'User', width:80},
            {field:'userId',title:'User', width:80},
            {field:'userId',title:'User', width:80}
        ]]
    });
</script>

</body>
</html>
上一篇下一篇

猜你喜欢

热点阅读