table 监听行工具不起作用,点击没反应,不知道问题出在哪里,应该如何调试,代码如下

提问 未结 11 196
柳633
柳633 2019-6-6
悬赏:20飞吻
版本:layui 2.5 浏览器:chrome

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>title</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="~/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="~/css/login.css" media="all">
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<link href="~/layui/css/layui.css" rel="stylesheet" />

</head>
<body>

<div class="layui-canvs"></div>

<div class="layui-body" style="width:600px;margin-top:100px;" align="center">

<table id="test" lay-filter="test"></table>


<button id="get_model" class="layui-btn layui-btn-normal" style="height:38px;width:100px;">获得 </button>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</div>



<!---
<script src="~/js/jquery-3.4.1.js"></script>
-->
<script src="~/layui/layui.all.js"></script>
<script>
$('#get_model').click(function () {
get_model()
})

function get_model() {
$.ajax({
url: 'http://192.168.0.105:5666/deploy_model',
type: 'POST',
dataType: 'json',
//contentType: "application/json;charset=utf-8",
contentTyep: "application/json; charset=UTF-8",
data: JSON.stringify({
"user_id": "888",
"way": "get_model",
"createTime": "12345"
}),

success: function (data) {
if (data.code == 0) {
//clearInterval(timer);
layer.confirm('成功获取新模型');

}

}
})
}
</script>

<script>
$('#get_model').click(function () {
get_model()
})

function get_model() {
$.ajax({
url: 'http://192.168.0.105:5666/deploy_model',
type: 'POST',
dataType: 'json',
//contentType: "application/json;charset=utf-8",
contentTyep: "application/json; charset=UTF-8",
data: JSON.stringify({
"user_id": "888",
"way": "get_model",
"createTime": "12345"
}),

success: function (data) {
if (data.code == 0) {
//clearInterval(timer);
layer.confirm('成功获取新模型');

}

}
})
}
</script>
<script >

layui.use('table', function () {
var table = layui.table;
//方法级渲染
table.render({
elem: '#test'
, toolbar: 'default'
, url: 'http://192.168.0.105:5666/get_dir'
, cols: [[
{ checkbox: true, fixed: false }
, { field: 'id', title: 'ID', width: 80, sort: true, fixed: false }
, { field: 'model', title: 'Model', width: 250, sort: true }

, { field: 'right', title: '操作', width: 140, toolbar: "#barDemo" }
]]
, id: 'testReload'
, page: true
, height: 600
});

var $ = layui.$, active = {
reload: function () {
var demoReload = $('#demoReload');

table.reload('testReload', {
where: {
keyword: demoReload.val()
}
});
}
};


//监听工具条
table.on('tool(test)', function (obj) {
alert("row");
var data = obj.data;
if (obj.event === 'edit') {
layer.msg('ID:' + data.id + ' 的查看操作');
} else if (obj.event === 'del') {
layer.confirm('真的删除行么', function (index) {
console.log(data);
$.ajax({
url: "UVServlet",
type: "POST",
data: { "uvid": data.id, "memthodname": "deleteuv", "aid": data.aid },
dataType: "json",
success: function (data) {

if (data.state == 1) {
obj.del();
layer.close(index);
layer.msg("删除成功", { icon: 6 });
} else {
layer.msg("删除失败", { icon: 5 });
}
}

});
});
} else if (obj.event === 'edit') {

layer.prompt({
formType: 2
, title: '修改 ID 为 [' + data.id + '] 的访问量'
, value: data.uv
}, function (value, index) {
EidtUv(data, value, index, obj);



});



}
});


});

</script>


</body>
</html>
回帖
  • 你这个代码没有毛病的,报错么?
    0 回复
  • 你是要监听行还是监听工具列?如果是监听行,请把tool(test)改成row(test)。。。。。如果是监听工具列,请在工具那加event。。。再修改js,这部分具体情况参考示例 https://www.layui.com/demo/table/cellEvent.html
    0 回复
  • 柳633
    2019-6-6
    @清风明月833 不报错,可以加载到数据
    0 回复
  • 柳633
    2019-6-6
    @liuXiaoLong 我是监听 添加操作中的 编辑或是删除,没有写错吧
    0 回复
  • x夏天
    2019-6-6
    <table class="layui-hide" id="test" lay-filter="test"></table> 加上这个 lay-filter="test" 我的也不好使 加上这个就好了
    0 回复
  • @柳633 刚测试了下,我自己写的没问题,我再看看你的吧,你再看看示例
    0 回复
  • 柳633
    2019-6-6
    @x夏天 我的代码不是有了吗
    0 回复
  • 柳633
    2019-6-6
    0 回复
  • @柳633 实在看不出哪里有问题,倒是看到你引入了两个相同layui的css,没看到layui的js
    0 回复
  • 柳633
    2019-6-6
    这个会不会和-layout有关
    0 回复