<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="test"></div>
<div class="layui-form" id="rowForm" style="width:500px;padding: 20px 20px 0 0;display: none">
<div class="layui-form-item">
<label class="layui-form-label">订货ID</label>
<div class="layui-input-inline">
<input class="layui-input" disabled="disabled" style="width: 380px;">
</div>
</div>
...
<div class="layui-form-item">
...
</div>
</div>
<script src="layui/layui.js"></script>
<script type="text/html" id="barDemo">
<div class="layui-btn-group">
<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
</div>
</script>
<script>
// layui操作
layui.use(function(){
var layer = layui.layer
,form = layui.form
,laypage = layui.laypage
,element = layui.element
,laydate = layui.laydate
,util = layui.util
,upload = layui.upload
,$=layui.jquery;
var tb = layui.table;
tb.render({
elem: '#test',
toolbar:'#topDemo',
url: 'http://192.168.110.147/griddata',
cols: [[
{type:'checkbox'},
{type:'numbers', title: '序号',},
{field: '订货ID', title: '订货ID',sort:true, width:100},
{field: '产品大类', title: '产品大类', width:160},
{field: '外观材质', title: '外观材质', width:100},
{field: '材质备注', title: '材质备注', width:80},
{field: '产品模块', title: '产品模块', width:190},
{field: '中文名称', title: '中文名称', width:190},
{title: '操作',toolbar:'#barDemo',align:'center',width:139},
]],
page: true, //设置分页
});
tb.on('tool', function(obj){
switch(obj.event){
case 'del':
layer.confirm('您确定删除当前记录吗?',{icon:3,title:'确认删除'},function(index){
obj.del();
var delspecifyID = {'订货ID':obj.data.订货ID};
// var delspecifyID = '订货ID='+obj.data['订货ID'];
// var delspecifyID = {订货ID:obj.data['订货ID']};
// layer.alert(delspecifyID);
$.ajax({
data: delspecifyID,
// data: {订货ID:obj.data['订货ID']},
url:'http://192.168.110.147/gzdel.htm',
// type:'DELETE',
type:'POST',
dataType: 'json',
success:function (res){
console.log(res)
if (res.code==200){
obj.del();
layer.close(index);//关闭弹框
}
}
});
});
break;
}
});
</script>
</body>
</html>