jQuery的datatable怎么才能给某一列添加超链接?
jQuery 怎么 添加 才能 一列 dataTable 超链接
2023-09-27 14:20:05 时间
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=\"width: "+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>"; } } ] });
相关文章
- jQuery-File-Upload
- C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?
- jQuery事件绑定.on()简要概述及应用
- jQuery使用手册(收藏)
- velocityjs 动画库 比jquery默认的animate强
- MVC自定义编辑视图,DateTime类型属性显示jQuery ui的datapicker
- jquery实现网页自动添加必填项图标和日期自动填充
- 《jQuery UI 开发指南》——1.2 jQuery UI概览
- 《jQuery EasyUI开发指南》——1.8 搭建SSH开发框架
- 《jQuery与JavaScript入门经典》——第 1 章 动态Web编程简介 1.1理解Web服务器浏览器范式
- 《jQuery Mobile快速入门》—— 2.6 带有媒体查询的响应式布局
- 《jQuery Cookbook中文版》——1.13 克隆DOM元素
- JQuery中Class选择器怎么用(htmlclass选择器)
- 在vue中用cdn方式引入jquery后,报:error '$' is not d错误
- jQuery获取循环中的选中单选按钮radio的值
- jquery uploadify修改上传的文件名和显示
- jquery widgets 弹框
- 【jQuery】对于复选框操作的attr与prop
- jQuery -> 获取后代元素的三种方法
- Jquery Ajax的时候 老是返回到 error,是因为json格式不正规的原因
- jquery实现可以中英切换的导航条