本周总结(layui)
JavaWeb开发,围绕“功能”展开
金石管理系统
部分代码
<script type="text/javascript">
layui.use('element',function (){
var element=layui.element;
});
layui.use('table', function(){
var table = layui.table;
//第一个实例
table.render({
elem: '#demo'
,height:defaultStatus
,url: '/mingshi2/contract?method=show' //数据接口
,page: false //开启分页
,parseData: function(res){ //res 即为原始返回的数据
console.log(res);
return {
"code": 0, //解析接口状态
"msg":'', //解析提示文本
"count": res.length, //解析数据长度
"data": res//解析数据列表
};
}
,edit:false
,cols: [[ //表头
{field: 'id', title: '合同编号', width:80, sort: true, fixed: 'left'}
,{field: 'contractName', title: '合同名称', width:80}
,{field: 'hName', title: '货物名称', width:80, sort: true}
,{field: 'hKind', title: '货物类型', width:80}
,{field: 'hColor', title: '货物颜色', width: 177}
,{field: 'hNum', title: '货物数量', width: 80, sort: true}
,{field: 'begTime', title: '签订日期', width: 80, sort: true}
,{field: 'endTime', title: '交货日期', width: 80}
,{field: 'opeId', title: '操作员', width: 80}
,{field: 'st', title: '状态', width: 135, sort: true}
,{field: '操作', title: '操作',toolbar:'#toolbarDemo'}
]]
,toolbar:'#toolbarAdd'
});
table.on('tool(test)', function(obj){
// layer.msg(obj.toString());
console.log('2'+obj);
// var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'delete':
layer.confirm('真的删除此行么?', function(index){
$.ajax({
type:"post",
dataType:"json",
url:"/mingshi2/contract",
data:{
"method":"delete"
,"id":obj.data.id
},
success:function (data){
obj.del();
layer.close(index);
if(data==0){
layer.msg('删除成功');
}
}
})
return false;
});
break;
case 'update':
var index = layer.open({
title: '编辑用户',
type: 2,
shade: 0.2,
maxmin:true,
shadeClose: true,
area: ['100%', '100%'],
content: '../page/table/edit.html',
});
$(window).on("resize", function () {
layer.full(index);
});
break;
default:
break;
};
});
table.on('toolbar(test)', function(obj){
console.log(obj);
// var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'add':
var index = layer.open({
title: '编辑用户',
type: 2,
shade: 0.2,
maxmin:true,
shadeClose: true,
area: ['100%', '100%'],
content: '../page/table/edit.html',
});
$(window).on("resize", function () {
layer.full(index);
});
break;
default:
break;
};
});
});
</script>
还没总结完。。。