layui使用表格渲染获取行数据的例子-创新互联
需求:使用前端框架layui生成表格,点击表格中一行数据中的按钮,获取到这行数据。
我们提供的服务有:成都网站设计、做网站、微信公众号开发、网站优化、网站认证、循化ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的循化网站制作公司解决办法:
在render中增加字段:
done: function (res, curr, count) { // $('.x-body').find('.layui-table-body').find("table").find("tbody").children("tr").on('click', function () { // var id = JSON.stringify($('.x-body').find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index')); // var obj = res.data[id]; // console.log(obj, 'obj') // // fun.openLayer(obj); // }) table.on('tool(test)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值) var tr = obj.tr; //获得当前行 tr 的DOM对象 if (layEvent=="invest_perfer"){ x_admin_show("投资偏好","/echarts1.html?mobil="+data.mobil,"",510); }else{ x_admin_show("用户画像","/echarts4.html?mobil="+data.mobil,"",510); } }); }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章名称:layui使用表格渲染获取行数据的例子-创新互联
转载来于:http://ybzwz.com/article/didejh.html