zoukankan      html  css  js  c++  java
  • jQuery的datatable怎么才能给某一列添加超链接?

    aocolumeDef.这个里面去定义.return返回的字符串会代替原来cell里面的内容
     
    e.g:
    datatable=$('#dt_basic').dataTable({
                 "bAutoWidth": false,
                 "bStateSave":true,
                    "sPaginationType": "bootstrap_full",
                    "sAjaxSource":url,
                    "sAjaxDataProp": "poolList",
                    "aoColumns": [{ "sTitle":"ID", "mDataProp": "poolId","sClass":"center"},
                                  { "sTitle":"存储池名称", "mDataProp": "poolName","sClass":"center"},
                                  { "sTitle":"运行状态", "mDataProp": "status","sClass":"center"},
                                  { "sTitle":"缓存状态", "mDataProp": "iscache","sClass":"center"},
                                  { "sTitle":"总容量", "mDataProp": "diskPack.poolSize","sClass":"center"},
                                  { "sTitle":"使用率", "mDataProp": "diskPack.usage" ,"sClass":"td-progress center"},
                                  { "sTitle":"操作","mDataProp": "objectId","sClass":"center"},
                                  { "sTitle":"创建时间", "mDataProp": "createTime","sClass":"center"}
                                  ],
                    "aoColumnDefs":[{"aTargets":[6],"mRender":function(data,type,full){
                         return "<a href="#myModal-edit" data-toggle="modal" onclick="preUpdate('"+data+"')"> <i class="fa fa-lg-2 fa-pencil"> </i> </a>     <a href="javascript:void(0)" data-toggle="modal" class="smart-mod-eg1" onclick="delPool('"+data+"',event)"> <i class="fa fa-lg-2 fa-trash-o"> </i> </a>    "}
                        },
                        {"aTargets":[5],"mRender":function(data,type,full){
                         return data+"%<div class="progress"><div aria-valuetransitiongoal=""+data+"" class="progress-bar bg-color-teal" style=" "+data+"%;" aria-valuenow=""+data+""> </div></div>";
             }
    
    },
                        {"aTargets":[2],"mRender":function(data,type,full){
                         if(data=='2'){
                          return "维护";
                         }else{
                          return "运行";
                         }
                           }
                           }, 
                            
                           {"aTargets":[3],"mRender":function(data,type,full){
                            if(data=='1'){
                             return "是";
                            }else{
                             return "否";
                            }
                                
                              }
                              },
                              {"aTargets":[0],"mRender":function(data,type,full){
                               return data+"  <a href="#myModal-file" data-toggle="modal" onclick="viewpool('"+full.objectId+"',event)"> <i class="fa fa-lg-2 fa-file-o "></a>";
                              }
                              }
                          ]
                });
  • 相关阅读:
    JSP笔记05——生命周期(转)
    JSP笔记04——架构(转)
    JSP笔记03——环境搭建(转)
    JSP笔记02——概述(转)
    JSP笔记01——尝试
    【Head First Servlets and JSP】笔记14:session再探 & Listener示例
    【stl学习笔记】list
    【stl学习笔记】deques
    【stl学习笔记】vector
    【APUE】用户态与内核态的区别
  • 原文地址:https://www.cnblogs.com/hubing/p/4490906.html
Copyright © 2011-2022 走看看