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-22 01:07:12 +08:00
parent c49197bb9f
commit b400a9befb
7 changed files with 330 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
examples/table.html
View File

@@ -1,5 +1,3 @@
<!DOCTYPE html>
<html lang="en">
<head>
@@ -10,14 +8,14 @@
<link rel="stylesheet" href="../src/css/layui.css">
<style>
body{padding: 20px; /*overflow-y: scroll;*/}
body{padding: 32px; /*overflow-y: scroll;*/}
</style>
</head>
<body>
<div class="layui-btn-container">
<a href="table.html" class="layui-btn layui-btn-primary">表格综合</a>
<a href="table-test.html" class="layui-btn">表格测试</a>
<a href="table.html" class="layui-btn layui-btn-primary layui-border-green">表格综合</a>
<a href="table-test.html" class="layui-btn">表格操作</a>
<a href="table-static.html" class="layui-btn">静态表格</a>
</div>
@@ -184,24 +182,10 @@
<script src="../src/layui.js" src1="https://cdn.staticfile.org/layui/2.6.13/layui.js"></script>
<script>
layui.use(['table', 'dropdown'], function(){
var table = layui.table
,$ = layui.$
,laytpl = layui.laytpl
,dropdown = layui.dropdown;
//全局设定某参数
table.set({
where: {
token: '全局的 token'
,access: '全局的 access'
}
//,defaultToolbar: ['filter']
,limit: 30
//,url: 'list'
//,height: 300
});
layui.use('table', function(){
var $ = layui.$;
var table = layui.table;
table.render({
elem: '#test2'
@@ -234,61 +218,10 @@ layui.use(['table', 'dropdown'], function(){
*/
]]
});
//触发表格行点击
table.on('tr', function(obj){
console.log(obj)
});
//触发表格复选框选择
table.on('checkbox(test)', function(obj){
console.log(obj)
});
//触发表格单选框选择
table.on('radio(test)', function(obj){
console.log(obj)
});
//触发表格单选框选择
table.on('rowDouble(test)', function(obj){
console.log(obj);
});
//触发单元格编辑
table.on('edit(test)', function(obj){
var value = obj.value //得到修改后的值
,data = obj.data //得到所在行所有键值
,field = obj.field; //得到字段
console.log(obj)
});
//触发行工具事件
table.on('tool(test)', function(obj){
var data = obj.data;
//console.log(obj)
if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
layer.close(index);
});
} else if(obj.event === 'edit'){
layer.prompt({
formType: 2
,value: data.email
}, function(value, index){
obj.update({
email: value
});
layer.close(index);
});
}
});
//return;
//直接赋值数据
// 直接赋值数据
table.render({
elem: '#demo'
//,width: 900