layui基本操作_table.on('tool(articleinfo)', function (obj)-CSDN博客

本文链接：https://blog.csdn.net/look_write/article/details/121566538

这篇博客详细介绍了在前端开发中如何处理表格数据，包括获取点击行信息、表单数据转换、监听事件以及与后端的数据交互。通过实例展示了表格的重载方法，如根据搜索条件动态加载数据，以及在没有数据时的初始化处理。此外，还提到了JSON对象与字符串之间的转换技巧，对于前端开发者理解和优化表格操作具有指导意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取点击一行信息   var data = obj.data;
获取点击的文本信息   layEvent = obj.event;
获取表单所有数据转成对象   obj.field；
对象转json字符串   JSON.stringify(obj.field);   JSON.stringify(data);点击这一行的所有数据
   数据更多建议用:   Post
后端返回json字符串转JavaScript 对象   JSON.parse(result)
后端发送的json字符串转对象   eval(data);

表格监听事件 table.on('tool(test)',function (obj) {}); obj为所有这个表格的数据
表格的表头监听事件 table.on('toolbar(test)',function (obj) {});

表格重载：
       点击事件:onclik
           //点击搜索到这个方法执行重载方法重载
           searchCompany =function () {
            //获取输入的数据
            var userName = $("#userName").val().trim();
       //如果有数据就跳转然后加载
            if (userName){
            table.reload('testReload',{
            url:'/aimSelectServlet',
            where:{
           content:userName
            },
            page:{
           curr: 1 //重新从第一页加载
            }
       })
            }else{
           //如果没数据就初始化
            reloadAll(table);
            }
           }
   //初始化
function reloadAll(a) {
a.reload('demo',{
url:'/teacherAll',
page:{
curr: 1
}
});
}