New file |
| | |
| | | <!DOCTYPE html> |
| | | <!-- saved from url=(0054)http://x.xuebingsi.com/x-admin/v2.2/member-list1.html? --> |
| | | <html class="x-admin-sm"> |
| | | <head> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| | | |
| | | <title>欢迎页面</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" |
| | | content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"> |
| | | <link rel="stylesheet" href="./css/font.css"> |
| | | <link rel="stylesheet" href="./css/xadmin.css"> |
| | | <script src="./欢迎页面-X-admin2.2_files/hm.js.下载"></script> |
| | | <script type="text/javascript" src="./js/xadmin.js"></script> |
| | | <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script> |
| | | <script src="js/http.js" type="text/javascript" charset="utf-8"></script> |
| | | </head> |
| | | |
| | | <body> |
| | | <div class="x-nav"> |
| | | <span class="layui-breadcrumb" style="visibility: visible;"> |
| | | <a href="http://x.xuebingsi.com/x-admin/v2.2/member-list1.html?">首页</a><span lay-separator="">/</span> |
| | | <a href="http://x.xuebingsi.com/x-admin/v2.2/member-list1.html?">演示</a><span lay-separator="">/</span> |
| | | <a> |
| | | <cite>导航元素</cite></a> |
| | | </span> |
| | | <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" |
| | | onclick="location.reload()" title="刷新"> |
| | | <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i> |
| | | </a> |
| | | </div> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-row layui-col-space15"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-body "> |
| | | <form class="layui-form layui-col-space5"> |
| | | <div class="layui-inline layui-show-xs-block"> |
| | | <input class="layui-input" autocomplete="off" placeholder="开始日" name="start" id="start" |
| | | lay-key="1"></div> |
| | | <div class="layui-inline layui-show-xs-block"> |
| | | <input class="layui-input" autocomplete="off" placeholder="截止日" name="end" id="end" |
| | | lay-key="2"></div> |
| | | <div class="layui-inline layui-show-xs-block"> |
| | | <input type="text" name="username" placeholder="请输入用户名" autocomplete="off" |
| | | class="layui-input"></div> |
| | | <div class="layui-inline layui-show-xs-block"> |
| | | <button class="layui-btn" lay-submit="" lay-filter="sreach"> |
| | | <i class="layui-icon"></i></button> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | <div class="layui-card-body "> |
| | | <table class="layui-table" |
| | | lay-data="{url:'./user.json',page:true,toolbar: '#toolbarDemo',id:'test'}" |
| | | lay-filter="test"> |
| | | <thead> |
| | | <tr> |
| | | <th lay-data="{type:'checkbox'}">ID</th> |
| | | <th lay-data="{field:'id', width:80, sort: true}">ID</th> |
| | | <th lay-data="{field:'username', width:120, sort: true, edit: 'text'}">用户名 |
| | | </th> |
| | | <th lay-data="{field:'email', edit: 'text', minWidth: 150}">邮箱</th> |
| | | <th lay-data="{field:'sex', width:80,templet: '#switchTpl'}">性别</th> |
| | | <th lay-data="{field:'city', edit: 'text', minWidth: 100}">城市</th> |
| | | <th lay-data="{field:'experience', sort: true, edit: 'text'}">积分</th> |
| | | <th lay-data="{field:'dw_xinzhi',templet: function(d){ return d.dw_xinzhi.titel;}}"> |
| | | 学校 |
| | | </th> |
| | | </tr> |
| | | </thead> |
| | | </table> |
| | | <div class="layui-form layui-border-box layui-table-view" lay-filter="LAY-table-1" lay-id="test" |
| | | style=" "> |
| | | <div class="layui-table-tool"> |
| | | <div class="layui-table-tool-temp"> |
| | | <div class="layui-btn-container"> |
| | | <button class="layui-btn layui-btn-sm" lay-event="getCheckData"> 获取选中行数据</button> |
| | | <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button> |
| | | <button class="layui-btn layui-btn-sm" lay-event="isAll"> 验证是否全选</button> |
| | | </div> |
| | | </div> |
| | | <div class="layui-table-tool-self"> |
| | | <div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS"><i |
| | | class="layui-icon layui-icon-cols"></i></div> |
| | | <div class="layui-inline" title="导出" lay-event="LAYTABLE_EXPORT"><i |
| | | class="layui-icon layui-icon-export"></i></div> |
| | | <div class="layui-inline" title="打印" lay-event="LAYTABLE_PRINT"><i |
| | | class="layui-icon layui-icon-print"></i></div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-table-box"> |
| | | <div class="layui-table-header"> |
| | | <table cellspacing="0" cellpadding="0" border="0" class="layui-table"> |
| | | <thead> |
| | | <tr> |
| | | <th data-field="0" data-key="1-0-0" data-unresize="true" |
| | | class=" layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary" |
| | | lay-filter="layTableAllChoose"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </th> |
| | | <th data-field="id" data-key="1-0-1" class=" layui-unselect"> |
| | | <div class="layui-table-cell laytable-cell-1-0-1"><span>ID</span><span |
| | | class="layui-table-sort layui-inline"><i |
| | | class="layui-edge layui-table-sort-asc" title="升序"></i><i |
| | | class="layui-edge layui-table-sort-desc" title="降序"></i></span> |
| | | </div> |
| | | </th> |
| | | <th data-field="username" data-key="1-0-2" class=" layui-unselect"> |
| | | <div class="layui-table-cell laytable-cell-1-0-2"><span>用户名</span><span |
| | | class="layui-table-sort layui-inline"><i |
| | | class="layui-edge layui-table-sort-asc" title="升序"></i><i |
| | | class="layui-edge layui-table-sort-desc" title="降序"></i></span> |
| | | </div> |
| | | </th> |
| | | <th data-field="email" data-key="1-0-3" data-minwidth="150" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3"><span>邮箱</span></div> |
| | | </th> |
| | | <th data-field="sex" data-key="1-0-4" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><span>性别</span></div> |
| | | </th> |
| | | <th data-field="city" data-key="1-0-5" data-minwidth="100" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5"><span>城市</span></div> |
| | | </th> |
| | | <th data-field="experience" data-key="1-0-6" class=" layui-unselect"> |
| | | <div class="layui-table-cell laytable-cell-1-0-6"><span>积分</span><span |
| | | class="layui-table-sort layui-inline"><i |
| | | class="layui-edge layui-table-sort-asc" title="升序"></i><i |
| | | class="layui-edge layui-table-sort-desc" title="降序"></i></span> |
| | | </div> |
| | | </th> |
| | | <th data-field="dw_xinzhi" data-key="1-0-7" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7"><span>学校</span></div> |
| | | </th> |
| | | </tr> |
| | | </thead> |
| | | </table> |
| | | </div> |
| | | <div class="layui-table-body layui-table-main"> |
| | | <table cellspacing="0" cellpadding="0" border="0" class="layui-table"> |
| | | <tbody> |
| | | <tr data-index="0" class=""> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10001</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">杜甫</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10001" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">116</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="1"> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary" |
| | | checked=""> |
| | | <div class="layui-unselect layui-form-checkbox layui-form-checked" |
| | | lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10002</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">李白</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10002" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">12</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="2" class=""> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10003</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">王勃</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10003" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo" checked=""> |
| | | <div class="layui-unselect layui-form-switch layui-form-onswitch" |
| | | lay-skin="_switch"><em>女</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">65</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="3"> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10004</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">李清照</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="女" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10004" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">666</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="4" class=""> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10005</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">冰心</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="女" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10005" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">86</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="5"> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10006</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">贤心</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10006" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">12</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="6" class=""> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10007</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">贤心</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10007" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">16</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | <tr data-index="7"> |
| | | <td data-field="0" data-key="1-0-0" class="layui-table-col-special"> |
| | | <div class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox"> |
| | | <input type="checkbox" name="layTableCheckbox" lay-skin="primary"> |
| | | <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i |
| | | class="layui-icon layui-icon-ok"></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="id" data-key="1-0-1" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-1">10008</div> |
| | | </td> |
| | | <td data-field="username" data-key="1-0-2" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-2">贤心</div> |
| | | </td> |
| | | <td data-field="email" data-key="1-0-3" data-edit="text" data-minwidth="150" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-3">xianxin@layui.com</div> |
| | | </td> |
| | | <td data-field="sex" data-key="1-0-4" data-content="男" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-4"><!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="10008" lay-skin="switch" |
| | | lay-text="女|男" lay-filter="sexDemo"> |
| | | <div class="layui-unselect layui-form-switch" lay-skin="_switch"> |
| | | <em>男</em><i></i></div> |
| | | </div> |
| | | </td> |
| | | <td data-field="city" data-key="1-0-5" data-edit="text" data-minwidth="100" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-5">浙江杭州</div> |
| | | </td> |
| | | <td data-field="experience" data-key="1-0-6" data-edit="text" class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-6">106</div> |
| | | </td> |
| | | <td data-field="dw_xinzhi" data-key="1-0-7" data-content="[object Object]" |
| | | class=""> |
| | | <div class="layui-table-cell laytable-cell-1-0-7">小学</div> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <div class="layui-table-page"> |
| | | <div id="layui-table-page1"> |
| | | <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1"><a |
| | | href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0"><i |
| | | class="layui-icon"></i></a><span class="layui-laypage-curr"><em |
| | | class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;" |
| | | data-page="2">2</a><a |
| | | href="javascript:;" data-page="3">3</a><span |
| | | class="layui-laypage-spr">…</span><a href="javascript:;" |
| | | class="layui-laypage-last" title="尾页" |
| | | data-page="300000">300000</a><a |
| | | href="javascript:;" class="layui-laypage-next" data-page="2"><i |
| | | class="layui-icon"></i></a><span class="layui-laypage-skip">到第<input |
| | | type="text" min="1" value="1" class="layui-input">页<button type="button" |
| | | class="layui-laypage-btn">确定</button></span><span |
| | | class="layui-laypage-count">共 3000000 条</span><span |
| | | class="layui-laypage-limits"><select lay-ignore=""><option value="10" |
| | | selected="">10 条/页</option><option |
| | | value="20">20 条/页</option><option value="30">30 条/页</option><option value="40">40 条/页</option><option |
| | | value="50">50 条/页</option><option value="60">60 条/页</option><option value="70">70 条/页</option><option |
| | | value="80">80 条/页</option><option value="90">90 条/页</option></select></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <style>.laytable-cell-1-0-0 { |
| | | width: 48px; |
| | | } |
| | | |
| | | .laytable-cell-1-0-1 { |
| | | width: 80px; |
| | | } |
| | | |
| | | .laytable-cell-1-0-2 { |
| | | width: 120px; |
| | | } |
| | | |
| | | .laytable-cell-1-0-3 { |
| | | } |
| | | |
| | | .laytable-cell-1-0-4 { |
| | | width: 80px; |
| | | } |
| | | |
| | | .laytable-cell-1-0-5 { |
| | | } |
| | | |
| | | .laytable-cell-1-0-6 { |
| | | } |
| | | |
| | | .laytable-cell-1-0-7 { |
| | | }</style> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <script type="text/html" id="toolbarDemo"> |
| | | <div class="layui-btn-container"> |
| | | <button class="layui-btn layui-btn-sm" lay-event="getCheckData"> 获取选中行数据</button> |
| | | <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button> |
| | | <button class="layui-btn layui-btn-sm" lay-event="isAll"> 验证是否全选</button> |
| | | </div> |
| | | </script> |
| | | <script type="text/html" id="switchTpl"> |
| | | <!-- 这里的checked的状态只是演示 --> |
| | | <input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo" {{ d.id== |
| | | 10003 ? 'checked': ''}} > |
| | | </script> |
| | | <script>layui.use('laydate', |
| | | function () { |
| | | var laydate = layui.laydate; |
| | | |
| | | //执行一个laydate实例 |
| | | laydate.render({ |
| | | elem: '#start' //指定元素 |
| | | }); |
| | | |
| | | //执行一个laydate实例 |
| | | laydate.render({ |
| | | elem: '#end' //指定元素 |
| | | }); |
| | | |
| | | });</script> |
| | | <script>layui.use('table', |
| | | function () { |
| | | var table = layui.table; |
| | | |
| | | //监听单元格编辑 |
| | | table.on('edit(test)', |
| | | function (obj) { |
| | | var value = obj.value //得到修改后的值 |
| | | , |
| | | data = obj.data //得到所在行所有键值 |
| | | , |
| | | field = obj.field; //得到字段 |
| | | layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为:' + value); |
| | | }); |
| | | |
| | | //头工具栏事件 |
| | | table.on('toolbar(test)', |
| | | function (obj) { |
| | | var checkStatus = table.checkStatus(obj.config.id); |
| | | switch (obj.event) { |
| | | case 'getCheckData': |
| | | var data = checkStatus.data; |
| | | layer.alert(JSON.stringify(data)); |
| | | break; |
| | | case 'getCheckLength': |
| | | var data = checkStatus.data; |
| | | layer.msg('选中了:' + data.length + ' 个'); |
| | | break; |
| | | case 'isAll': |
| | | layer.msg(checkStatus.isAll ? '全选' : '未全选'); |
| | | break; |
| | | } |
| | | ; |
| | | }); |
| | | });</script> |
| | | <script>var _hmt = _hmt || []; |
| | | (function () { |
| | | var hm = document.createElement("script"); |
| | | hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190"; |
| | | var s = document.getElementsByTagName("script")[0]; |
| | | s.parentNode.insertBefore(hm, s); |
| | | })();</script> |
| | | |
| | | </body> |
| | | </html> |