zoukankan      html  css  js  c++  java
  • 一条数据中需要遍历多条数据,页面遍历方法

       使用的是jgrid表格,bootstrap页面

    {name:'listportDetect',index:'listportDetect', 50,editable: true,formatter: function (cellvalue, options, rowObject) {
    var res = "";
    if(rowObject.listportDetect){
    for(x in rowObject.listportDetect){
    if(rowObject.listportDetect[x].status == 1){
    // res += "<p><button class='btn btn-xs btn-info'>"+rowObject.listportDetect[x].port+"</button></p>"; //绿色,通
    res += "<label title="+rowObject.listportDetect[x].port+'&nbsp;:&nbsp;可达'+" style='height:30px;150px;background:#90EE90;text-align:center;margin-top:10px;outline:none;color:#FFFFFF;border-0px;border-style:none;border-radius: 10px;'>"+
    "<p style='margin-top:4px;'>"+rowObject.listportDetect[x].name+
    "&nbsp;&nbsp;&nbsp;&nbsp;"+
    "<a href='#modal-portTable' class='tooltip-success' data-rel='tooltip' data-toggle='modal' title='编辑' onclick='editOpenPortDetect(""+rowObject.listportDetect[x].pkid+"",""+rowObject.listportDetect[x].port+"",""+rowObject.listportDetect[x].name+"")'>"+
    "<span class='white'>"+
    "<i class='icon-edit-sign bigger-140'>"+"</i>"+
    "</span></a>"+
    "&nbsp;&nbsp;"+
    "<i title='删除' class='icon-remove-sign bigger-150' onclick='removePortDetect("+rowObject.listportDetect[x].pkid+")'>"+
    "</i></p></label>&nbsp;&nbsp;";

    }
    }
    }
    return res;
    }},

  • 相关阅读:
    MySQL日志系统
    MySQL基础架构
    Java操作XML牛逼利器JDOM&DOM4J
    SAX方式解析XML
    DOM方式解析XML
    Jquery Ajax
    Jquery动画效果
    angular6新建项目
    mysql命令行使用
    git常用命令
  • 原文地址:https://www.cnblogs.com/chen-yun/p/6196798.html
Copyright © 2011-2022 走看看