5 Star 15 Fork 5

sesamekim/sysdata

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 2.20 KB
一键复制 编辑 原始数据 按行查看 历史
wjh 提交于 2018-09-03 10:38 . 完善代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel="stylesheet" href="layui/css/layui.css"/>
<script src="layui/layui.js"></script>
</head>
<body>
<div class="layui-form " style="margin-left: 100px;margin-top: 20px;">
<div class="layui-form-item">
<label class="layui-form-label">json</label>
<div class="layui-input-block">
<textarea id="data" style="width: 400px;height: 100px;">{"id":"1","name":"22222"}</textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" id="dome1">弹出子界面</button>
</div>
</div>
</div>
</body>
</html>
<script>
// 加载模块
layui.config({
base: 'module/' //假设这是你存放拓展模块的根目录
}).extend({ //设定模块别名
sysdata: 'sysdata'
});
layui.use(['layer', 'form', 'sysdata'], function () {
var $ = layui.jquery
, form = layui.form
, sysdata = layui.sysdata
$("#dome1").click(function () {
var str = $("#data").val();// 获取界面上的json内容
var data = JSON.parse(str); // 转化成json格式的数据
//保存数据并获取 datakey
var datakey = sysdata.saveDataObj({
data: data
});
// 弹出子界面, 并把 datakey 传到子界面
layer.open({
title: ['可修改内容并关闭这个界面']
, type: 2
, fixed: false
, shadeClose: true
, area: ['600px', '300px']
, content: 'a.html?datakey=' + datakey
, end: function () {
// 层销毁后, 取出回调数据
var d = sysdata.getDataObj({key: datakey});
initDemo(JSON.stringify(d));
// 清除数据
sysdata.cleanData({key: datakey});
}
});
});
/**
* 改变界面上文本域的值
*/
function initDemo(str) {
$("#data").val(str);
}
});
</script>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/sesamekim/sysdata.git
git@gitee.com:sesamekim/sysdata.git
sesamekim
sysdata
sysdata
master

搜索帮助