搭建小程序商城_layui table单元格工作修正值的方

发布时间:2021-01-07 10:57 作者:jianzhan

摘要: layui table模块格恶性事件改动值的方式 今日网编就为大伙儿共享一篇layui table模块格恶性事件改动值的方式,具备非常好的参照使用价值,期待对大伙儿有一定的协助。一起追随网

layui table单元格事件修改值的方法       今天小编就为大家分享一篇layui table单元格事件修改值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
meta http-equiv="X-UA-Compatible" content="IE=edge" meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" link rel="stylesheet" href="./layui/css/layui.css" rel="external nofollow" media="all" /head body div table id="jqGrid" lay-filter="jqGridFilter" /table div id="jqGridPager" /div /div script src="./layui/layui.js" charset="utf-8" /script script layui.use('table', function () { table = layui.table; table.render({ elem: '#jqGrid' , cellMinWidth: 80 , totalRow: true , cols: [[ {type: 'checkbox', fixed: 'left'} , {field: 'id', title: 'ID', width: 80, sort: true} , {field: 'username', title: '姓名', width: 120} , {field: 'email', title: '邮件', minWidth: 150} , {field: 'sign', title: '签名', minWidth: 160} , {field: 'sex', title: '性别', event: 'setSign',width: 80} , {field: 'city', title: '城市', width: 100} , {field: 'experience', title: '积分', width: 80, sort: true} , data: [{ "id": "10001" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10002" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10003" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10004" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10005" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10006" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10007" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" }, { "id": "10008" , "username": "你好" , "email": "xianxin" , "sex": "男" , "city": "西安" , "sign": "人生恰似一场修行" , "experience": "116" , "ip": "192.168.0.8" , "logins": "108" , "joinTime": "" , page: true , limits: [10, 30, 50, 100], response: { statusName: 'code' , statusCode: 0 , msgName: 'msg' , countName: 'layuiCount' , dataName: 'layuiData' , done: function (res, page, count) { //排序重新加载 table.on('sort(jqGridFilter)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值" vm.layerUiSortObj = obj; //监听复选框事件 table.on('checkbox(jqGridFilter)', function (obj) { //选中改变颜色 if (obj.checked == true) { obj.tr.css('background-color', '#8FBC8F'); } else { //取消选中恢复白色 obj.tr.css('background-color', 'white'); //监听单元格事件 table.on('tool(jqGridFilter)', function(obj){ var data = obj.data; if(obj.event === 'setSign'){ //this.innerHTML=' div id="aa" 这是内容 /div this.className+=data.sign; this.style.background = "red";

以上这篇layui table单元格事件修改值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


  • 全世界首例髙速换电互联

    模拟题目:全球首例髙速换电互连网落地式式 ES8购车人全国性性彻底完全免费换电 2018十一月18日23点19分,从北京市市驶出的4辆ES8组成的运送队陆续抵达厚街服务区,这寓意着着蔚来首

  • 互联网舆情思考

    APP服务平台开发设计、电子商务服务平台开发设计的总体处理计划方案服务广州市凡科APP开发设计企业出示超出5种流行开发设计服务,IOS开发设计、android开发设计,手机微信商城系统

  • 海外网络服务器怎样挑选

    海外网络服务器怎样挑选? 1.按需有效挑选计划方案:在租赁海外网络服务器以前,一定好些好的对网站开展剖析,一些初学者网站站长还没有有想好要构建甚么网站的情况下就提早挑

  • 公司企业网站建设常见的

    模拟题目:企业公司企业网站建设普遍的八个标准 以前,企业基建项目网站只高度重视网站的呈现,关注视觉效果实际效果具体实际效果,而实际上的营销推广营销推广性则太弱。企业

  • 内容对于网站优化的重要

    內容,实质上去讲是与搜索模块的一种沟通交流沟通交流的方式,网站是根据內容去与搜索模块的优化算法相处,让搜索模块更为详尽的掌握网站。为何要让搜索模块掌握网站。由于一