add use method
bobi
parent
4807adddd3
commit
a379b6c654
|
|
@ -136,6 +136,8 @@
|
|||
</a>
|
||||
<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-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>
|
||||
</li>
|
||||
</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">
|
||||
使用方法3：用按钮点击打开
|
||||
</blockquote>
|
||||
<pre class="layui-code" lay-title="HTML" lay-encode="true">
|
||||
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
|
||||
/**
|
||||
* 添加tab
|
||||
* @param title 标题
|
||||
|
|
|
|||
Loading…
Reference in New Issue