每日日报2021.10.26
完成内容：
1.编写大作业第一阶段
tableshow
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<button onclick="show()">点击1</button>
<table class="layui-hide" id="test" lay-filter="demoEvent"></table>
<script src="layui/layui.js"></script>
<script>
layer.open({
type: 2,
area: ['1000px', '700px'],
title: '字典表格',
fixed: false, //不固定
maxmin: true,
content: 'PopTable.html',
success: function (layero, index) {
var body = layer.getChildFrame('body', index);
body.find("[name='tabname']").val("2018年软件基地年报1130000201908061025461");
}
});
</script>
<script>
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#test'
, url: 'servlet?method=Ttable'
, cellMinWidth: 200 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{field: 'ywname', width: 160, title: '英文名称', sort: true}
, {field: 'zwname', width: 160, title: '中文名称',edit: 'text'}
, {field: 'danwei', width: 60, title: '单位'}
, {field: 'zdtype', width: 80, title: '字段类型'}
, {field: 'beizhu', width: 160, title: '备注',event: 'setbeizhu',style:'cursor: pointer;'}
, {field: 'ispri', width: 60 , title: '主键'}
, {field: 'chtime', width: 160, title: '修改时间'}
]]
});
layui.use('table', function(){
var table = layui.table;
//监听单元格事件
table.on('tool(demoEvent)', function(obj){
var data = obj.data;
if(obj.event === 'setbeizhu'){
layer.prompt({
formType: 2
,title: '修改 ID 为 ['+ data.ywname +'] 的用户签名'
,value: data.beizhu
}, function(value, index){
layer.close(index);
//这里一般是发送修改的Ajax请求
//同步更新表格和缓存对应的值
obj.update({
beizhu: value
});
});
}
});
});
});
</script>
<script>
layui.use('table', function(){
var table = layui.table;
//监听单元格事件
table.on('tool(demoEvent)', function(obj){
var data = obj.data;
if(obj.event === 'setbeizhu'){
layer.prompt({
formType: 2
,title: '修改 ID 为 ['+ data.ywname +'] 的用户签名'
,value: data.beizhu
}, function(value, index){
layer.close(index);
//这里一般是发送修改的Ajax请求
//同步更新表格和缓存对应的值
obj.update({
beizhu: value
});
});
}
});
});
</script>
</body>
</html>
index
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>用户</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">字典管理</div>
<!-- 头部区域（可配合layui 已有的水平导航） -->
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item">
<a class="" href="javascript:;" >数据集管理</a>
<dl class="layui-nav-child">
<dd><a href="UserDataIn.html" >数据集导入</a></dd>
<dd><a href="UserHisData.html">历史数据集</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" id="group2">数据库管理</a>
</li>
<li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
<li class="layui-nav-item"><a href="">the links</a></li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
</div>
<div class="layui-footer">
</div>
</div>
<script src="./layui/layui.js"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
//头部事件
util.event('lay-header-event', {
//左侧菜单事件
menuLeft: function(othis){
layer.msg('展开左侧菜单的操作', {icon: 0});
}
,menuRight: function(){
layer.open({
type: 1
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt' //右上角
,anim: 5
,shadeClose: true
});
}
});
});
</script>
</body>
</html>
遇到问题：
无
目标：继续完成任务
