add use method
bobi
parent
4807adddd3
commit
a379b6c654
|
|
@ -136,6 +136,8 @@
|
||||||
</a>
|
</a>
|
||||||
<dl class="layui-nav-child">
|
<dl class="layui-nav-child">
|
||||||
<dd><a href="javascript:;" path="use-tab.html" tab-id="10-1"><i class="iconfont icon-settings"></i> Tab使用</a></dd>
|
<dd><a href="javascript:;" path="use-tab.html" tab-id="10-1"><i class="iconfont icon-settings"></i> Tab使用</a></dd>
|
||||||
|
<dd><a href="javascript:;" path="use-okLayer.html" tab-id="10-2"><i class="iconfont icon-settings"></i> okLayer使用</a></dd>
|
||||||
|
<dd><a href="javascript:;" path="use-okUtils.html" tab-id="10-3"><i class="iconfont icon-settings"></i> okUtils使用</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,77 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>okLayer使用</title>
|
||||||
|
<link rel="stylesheet" href="css/okadmin.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="ok-body">
|
||||||
|
<!--面包屑导航区域-->
|
||||||
|
<div class="ok-body-breadcrumb">
|
||||||
|
<span class="layui-breadcrumb">
|
||||||
|
<a><cite>首页</cite></a>
|
||||||
|
<a><cite>框架使用</cite></a>
|
||||||
|
<a><cite>okLayer使用</cite></a>
|
||||||
|
</span>
|
||||||
|
<a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
|
||||||
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--代码块1-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okLayer.tableCheck()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
|
// 对表格进行批量操作时的预检查
|
||||||
|
okLayer.tableCheck(table)
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<!--代码块2-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okLayer.tableOperationMsg()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
|
// 对表格操作后的提示信息
|
||||||
|
okLayer.tableOperationMsg("批量启用成功");
|
||||||
|
okLayer.tableOperationMsg("批量停用成功");
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<!--代码块3-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okLayer.confirm()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
|
okLayer.confirm("确定要批量删除吗？", function (index) {
|
||||||
|
layer.close(index);
|
||||||
|
// 代码逻辑
|
||||||
|
});
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<!--代码块4-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okLayer.open()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
|
/**
|
||||||
|
* 弹窗打开窗口页面
|
||||||
|
* @param title 标题
|
||||||
|
* @param content 内容url
|
||||||
|
* @param width 弹窗宽度
|
||||||
|
* @param height 弹窗高度
|
||||||
|
* @param isRefreshTable 是否刷新表格
|
||||||
|
*/
|
||||||
|
okLayer.open("添加用户", "user-add.html", "90%", "90%", true)
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<!--js逻辑-->
|
||||||
|
<script src="lib/layui/layui.js"></script>
|
||||||
|
<script src="js/okadmin.js"></script>
|
||||||
|
<script>
|
||||||
|
layui.use(["element", "code"], function () {
|
||||||
|
layui.code({about: false});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>okUtils使用</title>
|
||||||
|
<link rel="stylesheet" href="css/okadmin.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="ok-body">
|
||||||
|
<!--面包屑导航区域-->
|
||||||
|
<div class="ok-body-breadcrumb">
|
||||||
|
<span class="layui-breadcrumb">
|
||||||
|
<a><cite>首页</cite></a>
|
||||||
|
<a><cite>框架使用</cite></a>
|
||||||
|
<a><cite>okUtils使用</cite></a>
|
||||||
|
</span>
|
||||||
|
<a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
|
||||||
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--代码块1-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okUtils.ajax()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
|
/**
|
||||||
|
* 弹窗打开窗口页面
|
||||||
|
* @param url 请求url
|
||||||
|
* @param type 请求类型
|
||||||
|
* @param param 请求参数
|
||||||
|
*/
|
||||||
|
okUtils.ajax("/user/batchDel", "post", {idsStr: idsStr}).done(function (response) {
|
||||||
|
console.log(response)
|
||||||
|
okLayer.tableOperationMsg("批量删除成功");
|
||||||
|
}).fail(function (error) {
|
||||||
|
console.log(error)
|
||||||
|
});
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<!--代码块2-->
|
||||||
|
<blockquote class="layui-elem-quote">
|
||||||
|
okUtils.xxx()
|
||||||
|
</blockquote>
|
||||||
|
<pre class="layui-code" lay-title="HTML" lay-encode="true">
|
||||||
|
xxx
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<!--js逻辑-->
|
||||||
|
<script src="lib/layui/layui.js"></script>
|
||||||
|
<script src="js/okadmin.js"></script>
|
||||||
|
<script>
|
||||||
|
layui.use(["element", "code"], function () {
|
||||||
|
layui.code({about: false});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
<blockquote class="layui-elem-quote">
|
<blockquote class="layui-elem-quote">
|
||||||
使用方法3：用按钮点击打开
|
使用方法3：用按钮点击打开
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<pre class="layui-code" lay-title="HTML" lay-encode="true">
|
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||||
/**
|
/**
|
||||||
* 添加tab
|
* 添加tab
|
||||||
* @param title 标题
|
* @param title 标题
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue