layui table.render 异步请求不执行

作者&投稿:调朱 (若有异议请与网页底部的电邮联系)
异步请求数据后,动态向table中追加行,行点击事件失效~

动态加入到DOM中的对象无法继承原有的事件,所以无效,举例:
// $.ajax... ajax部分省略var tr = "";if(data.length){ for(var i=0; i'; tr += '' + data.status == 0 ? "正常" : "报警" + ''; tr += ''; $("#table1").find("tbody").append(tr); } }// tr的点击事件$("#table1 tbody").find("tr").click(function(){ // do something});上面的例子中,table1中原有的tr标签有点击事件,而通过ajax获取数据动态创建添加到DOM中的tr标签并没有继承点击事件,点击无任何反应。解决办法有两种:
纯js方法:将tr的点击事件写成函数,然后为动态创建的tr标签添加该函数的onclick事件:
for(var i=0; i'; // 创建时为tr指定click事件 tr += '' + data.status == 0 ? "正常" : "报警" + ''; tr += ''; $("#table1").find("tbody").append(tr);}jquery方法:jquery中可使用live()、on()两个方法来完成类似效果,其原理是利用事件委派机制,需要注意的是jquery 1.9版本已不再支持live()方法。
// tr的点击事件 (jquery 1.9以下)$("#table1 tbody").find("tr").live("click", function(){ // do something});// tr的点击事件【推荐】 (jquery 1.7以上)$("#table1 tbody").find("tr").on("click", function(){ // do something});

我只能说说调试方法,具体看你怎么去执行调试。
1、在 $.post 之前随便加个 alert ,看 alert 有没有执行;如果执行,那就是 $.post 有问题,如果不执行,那说明 submit 事件就没有执行;
2、submit 内事件绑定,调试的时候加 event.preventDefault(); 防止表单提交后页面刷新或调走了。
$( "#target" ).submit(function( event ) { alert( "Handler for .submit() called." ); event.preventDefault();});

你要直接访问这个控制器的连接,是否有json数组返回, 你可能是没有json数组返回所以才会没有反应


市辖区19613567092: 用dreamweaver使用layui表格,添加不了表格操作按钮 -
谏顾小儿: 1 第一步在我们的电脑上打开软件,新建一个html,并添加上layui的js和css文件,如下图所示:2 第二步我们打开新建的html文件,在标签里面引入layui.css,layui.js文件,如下图所示:3 第三步我们开始写body页面内容,这里给的表格内容是layui...

市辖区19613567092: 如何在layui table中操作mysql数据库 -
谏顾小儿: 如上图所示,要扣除里面的表格数据,该怎么弄呢?思路是先把整个表格抠出来,然后按照tr进行分割,存到数组,然后一个个遍历进行正则匹配,最后输出结果转化为json格式,供前台调用!

市辖区19613567092: layui重载table列名如何引用变量? -
谏顾小儿: <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>layui</title><meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="...

市辖区19613567092: 关于layui获取的table返回数据类型错误 -
谏顾小儿: bootstrap-table的一些配置参数[html] view plain copy $('#reportTable').bootstrapTable({ method: 'post', url: '/qStock/AjaxPage', dataType: "json", striped: true, //使表格带有条纹 pagination: true, //在表格底部显示分页工具栏 pageSize: 22, ...

市辖区19613567092: layui.table怎样给td添加select -
谏顾小儿: <img src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20201029173121-601988706_png_600_208_33041/0"/><br><br><br><img src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20201029173121-29019809_png_600_230_...

市辖区19613567092: layui 表格怎样地址接口数据格式不对应怎么处理 -
谏顾小儿: table.render({ elem: '#demo',height: 315,url: '/demo/table/user/' //数据接口,page: true //开启分页,cols: [[ //表头 {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'},{field: 'username', title: '用户名', width:80},{field: 'sex', title: '性别', width:80, sort...

市辖区19613567092: layui.table 里面 data 的json数据有多层嵌套,请问要怎么获取数据 -
谏顾小儿: JSONArray json = JSONArray.fromObject(models); //list集合数据转json response.getWriter().println(json);//传到前台//ajax success: function(data){ var models = eval("("+data+")"); var rows=""; for(var i in models){ rows =rows + "<tr>"+"...

市辖区19613567092: 如何实现layui.table修改某行,不刷新页面或有table.relaod -
谏顾小儿: $('#maintable').datagrid({ url:"datagrid_data.php",queryParams:{pageNumber:pageNumber1,pageSize:pageSize1 },method:"post"});

市辖区19613567092: 如何对layui table进行自定义 -
谏顾小儿: 数据表格 table 表单 form 文件上传 upload 常用...Layui 定义为“经典模块化”,并非是自吹她自身有多

市辖区19613567092: layui表格后台怎么写 -
谏顾小儿: layui只是一个前端,后台要看自己有什么需要了,PHP,java等都可以写,你要根据自己的要求的.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网