layui动态数据表格-分页
2024-10-19 04:23:05
数据结构
$list = [
['id'=>,'username'=>''],
['id'=>,'username'=>]
];
$json['code'] = ;
$json['msg'] = '';
$json['count'] = ;
$json['data'] = $list;
return json($json);
代码:
<script>
layui.use('table', function(){
var table = layui.table; table.render({
elem: '#tab-content'
//,url:'/test/table/demo1.json'
,url: "{:url('user/lists')}"
,toolbar: '#toolbarDemo'
,title: '用户数据表'
,cols: [[
{type: 'checkbox', fixed: 'left'}
,{field:'id', title:'ID', width:, fixed: 'left', unresize: true, sort: true}
,{field: 'name', title: '管理员', width:}
,{field: 'role_name', title: '角色组', width:, sort: true}
,{field: 'email', title: '邮箱', width:}
,{field: 'status', title: '状态', width: }
,{field: 'add_time', title: '添加时间', width: , sort: true}
,{field: 'update_time', title: '修改时间', width: , sort: true}
,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:}
]]
,page:
}); //头工具栏事件
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'getCheckData':
var data = checkStatus.data;
layer.alert(JSON.stringify(data));
break;
case 'getCheckLength':
var data = checkStatus.data;
layer.msg('选中了:'+ data.length + ' 个');
break;
case 'isAll':
layer.msg(checkStatus.isAll ? '全选': '未全选');
break;
};
}); //监听行工具事件
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:
,value: data.email
}, function(value, index){
obj.update({
email: value
});
layer.close(index);
});
}
});
});
</script>
最新文章
- Android事件总线
- rxjs5.X系列 —— filter系列 api 笔记
- linux Mint 安装apache2
- 用c#开发微信 系列汇总
- HTML页面禁止选择、页面禁止复制、页面禁止右键
- 使用Gson排除特定字段
- Android ActionBar 一步一步分析 (转)
- RedHat 5 配置CentOS yum 更新源
- Codeforces Gym 100463B Music Mess Hash 逻辑题
- HDU 4786 Fibonacci Tree (2013成都1006题) 最小生成树+斐波那契
- 静默安装MSSQL
- 正则表达式 Pattern &; Matcher
- oracle数据库无监听程序
- 不依赖jstack的java 线程dump和死锁检查工具
- 「SDOI 2018」战略游戏
- Angular动画
- python脚本练习之编译安装python
- python 创建二维数组
- spring 事物的一些理解
- Html5+离线打包创建本地消息