| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>数据卡片</title>
- <link rel="stylesheet" href="../../component/pear/css/pear.css" />
- </head>
- <body class="pear-container">
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="collapseSide" class="pear-btn">侧边切换</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="refreshThis" class="pear-btn">刷新当前</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="refresh" class="pear-btn">刷新指定</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="addTab" class="pear-btn">新增卡片</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="changeTabTitle" class="pear-btn">修改标题</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="closeTab" class="pear-btn">删除卡片</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="closeThis" class="pear-btn">删除当前</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="closeAll" class="pear-btn">删除全部</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="closeOther" class="pear-btn">删除其他</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="changeIframe" class="pear-btn">切换页面</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="jump" class="pear-btn">兼容切换</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <button id="fullScreen" class="pear-btn">有点多余</button>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-body">
- <table class="layui-table">
- <colgroup>
- <col width="150">
- <col width="200">
- <col>
- </colgroup>
- <thead>
- <tr>
- <th>方法</th>
- <th>描述</th>
- <th>参数</th>
- <th>备注</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>admin.collapseSide</td>
- <td>侧边收缩</td>
- <td>无</td>
- <td>无模式限制</td>
- </tr>
- <tr>
- <td>admin.refreshThis</td>
- <td>刷新当前</td>
- <td>无</td>
- <td>无模式限制</td>
- </tr>
- <tr>
- <td>admin.refresh</td>
- <td>刷新指定</td>
- <td>id: 编号</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.addTab</td>
- <td>新增卡片</td>
- <td>id:编号,title:标题,url:路径</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.changeTabTitle</td>
- <td>修改标题</td>
- <td>id:编号,title:标题</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.closeTab</td>
- <td>关闭卡片</td>
- <td>id:编号</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.closeCurrentTab</td>
- <td>关闭当前</td>
- <td>无</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.closeAllTab</td>
- <td>关闭所有</td>
- <td>无</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.closeOtherTab</td>
- <td>关闭其他</td>
- <td>无</td>
- <td>仅限 TAB 模式</td>
- </tr>
- <tr>
- <td>admin.changeIframe</td>
- <td>切换页面</td>
- <td>id:编号,title:标题,url:路径</td>
- <td>仅限 IFRAME 模式</td>
- </tr>
- <tr>
- <td>admin.jump</td>
- <td>兼容切换</td>
- <td>id:编号,title:标题,url:路径</td>
- <td>无模式限制</td>
- </tr>
- <tr>
- <td>admin.fullScreen</td>
- <td>全屏模式</td>
- <td>无</td>
- <td>无模式限制</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <script src="../../component/layui/layui.js"></script>
- <script src="../../component/pear/pear.js"></script>
- <script>
- layui.use(['jquery','layer'], function() {
- var $ = layui.jquery;
-
- $("#collapseSide").click(function(){
- parent.layui.admin.collapseSide()
- })
-
- $("#refreshThis").click(function(){
- parent.layui.admin.refreshThis()
- })
-
- $("#refresh").click(function(){
- parent.layui.admin.refresh(14)
- })
-
- $("#addTab").click(function(){
- parent.layui.admin.addTab(14,"百度一下","http://www.bing.com")
- })
-
- $("#closeTab").click(function(){
- parent.layui.admin.closeTab(14)
- })
-
- $("#closeThis").click(function(){
- parent.layui.admin.closeCurrentTab()
- })
-
- $("#closeAll").click(function(){
- parent.layui.admin.closeAllTab()
- })
-
- $("#changeTabTitle").click(function(){
- parent.layui.admin.changeTabTitle(16,"修改标题")
- })
-
- $("#closeOther").click(function(){
- parent.layui.admin.closeOtherTab()
- })
-
- $("#changeIframe").click(function(){
- parent.layui.admin.changeIframe(14,"百度一下","http://www.bing.com")
- })
-
- $("#jump").click(function(){
- parent.layui.admin.jump(14,"百度一下","http://www.bing.com")
- })
-
- $("#fullScreen").click(function(){
- parent.layui.admin.fullScreen()
- })
-
- })
- </script>
- </body>
- </html>
|