数据表格无法监听

提问 未结
4 282
lvbukai86
lvbukai86 2017-10-12
悬赏:20飞吻
版本:layui 浏览器:
<table class="layui-table" lay-data="{height:300, url:'chuli.php', id:'test'}" lay-filter="test">
<thead>
<tr>
<th lay-data="{field:'id', width:80, sort: true ,edit:'text'}">ID</th>
<th lay-data="{field:'title', width:110}">标题</th>
<th lay-data="{field:'content', width:200, sort: true}">内容</th>
<th lay-data="{field:'category', width:80}">类别</th>
<th lay-data="{fixed: 'right', width:160, align:'center', toolbar: '#barDemo'}"></th>
</tr>
</thead>
</table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>
</div>
</div>
</div>

<div class="layui-footer">
<!-- 底部固定区域 -->
</div>
</div>
<script src="js/layui.all.js"></script>
<script>
layui.use('table', function(){
var table = layui.table;
});

//监听工具条
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.msg('ID:'+ data.id + ' 的查看操作');
} else if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
layer.close(index);
});
} else if(obj.event === 'edit'){
layer.alert('编辑行:<br>'+ JSON.stringify(data))
}
});


</script>
回帖
  • 候鸟迷途
    2017-10-12
    你导入了layui.all.js好像不是这样初始化吧
    <script src="../layui/layui.all.js"></script>  
    <script>
    ;!function(){
    //无需再执行layui.use()方法加载模块,直接使用即可
    var form = layui.form
    ,layer = layui.layer;

    //…
    }();
    </script>
    0 回复
  • lvbukai86
    2017-10-12
    @候鸟迷途 不对,是需要这样初始化的
    0 回复
  • layui.use('table', function(){
    var table = layui.table;
    table.on();
    });
    0 回复
  • 候鸟迷途
    2017-10-12
    @lvbukai86 我怎么感觉的table的值域也有问题,你这一段应该放到初始化里面去吧
    table.on('tool(test)', function(obj){
    var data = obj.data;
    if(obj.event === 'detail'){
    layer.msg('ID:'+ data.id + ' 的查看操作');
    } else if(obj.event === 'del'){
    layer.confirm('真的删除行么', function(index){
    obj.del();
    layer.close(index);
    });
    } else if(obj.event === 'edit'){
    layer.alert('编辑行:<br>'+ JSON.stringify(data))
    }
    });
    0 回复