theluyuan/layui-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
贤心
2022-06-24 10:16:50 +08:00
parent 691cb5811f
commit 96f5c38971
7 changed files with 235 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
examples/form.html
View File

@@ -17,20 +17,20 @@
</head>
<body>
<form class="layui-form" method="get">
<form class="layui-form" method="get" lay-filter="top">
<div class="layui-form-item">
<div class="layui-input-inline">
<input type="text" name="arr[]" required placeholder="请输入" autocomplete="off" class="layui-input">
<input type="text" name="arr[]" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="text" name="arr[]" required placeholder="请输入" autocomplete="off" class="layui-input">
<input type="text" name="arr[]" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="text" name="arr[title]" required placeholder="请输入" autocomplete="off" class="layui-input">
<input type="text" name="arr[title]" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="top">立即提交</button>
<button class="layui-btn" id="testSubmit">立即提交</button>
</div>
</form>
@@ -270,6 +270,7 @@
<script>
layui.use(['form', 'util', 'laydate'], function(){
var $ = layui.$;
var form = layui.form;
var layer = layui.layer;
var util = layui.util;
@@ -289,12 +290,28 @@
]
});
/*
form.on('submit(top)', function(data){
console.log(data);
return false;
});
*/
//方法提交
$('#testSubmit').on('click', function(){
form.submit('top', function(data){
layer.confirm('确定提交么？', function(index){
layer.close(index);
// 验证均通过后执行提交
setTimeout(function(){
alert(JSON.stringify(data.field));
})
});
});
return false;
});
//日期

23
examples/table-test.html
View File

@@ -68,9 +68,16 @@
<span {{# if(!d.activate){ }}style="color:#999"{{# } }}>{{ d.email }}</span>
</script>
<script type="text/html" id="pagebarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="footerDemoBtn1">底部按钮1</button>
<button class="layui-btn layui-btn-sm" lay-event="footerDemoBtn2">底部按钮2</button>
</div>
</script>
<table id="test" lay-filter="test"></table>
<script src="../src/layui.js" src1="//www.layuicdn.com/layui-v2.5.3/layui.js" charset="utf-8"></script>
<script src="../src/layui.js"></script>
<script>
layui.use(['table', 'dropdown'], function(){
var $ = layui.$;
@@ -96,10 +103,18 @@ layui.use(['table', 'dropdown'], function(){
//渲染
window.ins1 = table.render({
elem: '#test'
,height: 400
,height: 500
//,width: 600
,title: '用户数据表'
,url: 'json/table/demo1.json'
,pagebar: '#pagebarDemo' // 分页栏模板
,lineStyle: 'height: 100px;' // 行样式
,css: [ // 自定义样式
'.layui-table-page{text-align: right;}'
,'.layui-table-pagebar{float: left;}'
].join('')
//,size: 'lg'
//,skin: 'line'
//,autoSort: false //是否自动排序。如果否，则由服务端排序
@@ -354,7 +369,7 @@ layui.use(['table', 'dropdown'], function(){
};
});
//触发行工具事件
//触发单元格工具事件
table.on('tool(test)', function(obj){ // 双击 toolDouble
var data = obj.data;
//console.log(obj)
@@ -376,6 +391,8 @@ layui.use(['table', 'dropdown'], function(){
}
});
//触发表格复选框选择
table.on('checkbox(test)', function(obj){
console.log(obj)