在数据表中为image列提供超链接 [英] Give hyperlink on image column in data table

问题描述

i have one data table,on loading of data table i need to show some images based on some values in one column..and at the same time onclick of that column i need to change that image..it's like falg an dimportant columns in our gmail..At present iam able to show images based on some conditions using "render: getStarredflag,".But on that same column i need to give hyperlink also on click of which we need to update db and change the image.

This is what i have tried,sample code.How to give hyperlink and call test() function onclick of that image column.??

我尝试了什么：

What I have tried:

<pre>Getmaildetailstable = $('#Getmaildetailstable').DataTable({
                 columnDefs: [{
                     orderable: false,
                     className: 'select-checkbox',
                     defaultContent: "",
                     targets: 0,
					 visible: false
                 }, {
                     data: "image",render: getStarredflag,
                     defaultContent: "",
                     targets: 6,
                    visible: true
                 }
                 order: [
                     [2, 'asc']
                 ],
                 "searching": false,
                 "lengthChange": true
             });
			 
			 function getStarredflag(data, type, full, meta) {
            var starflag=full.STARRED_FLAG; 
			if(starflag=="1")
			{
			return '<img src="wcp/theme/default/icon/action/star_icon1.png" />';
			}
			else if(starflag=="0")
			{
			return '<img src="wcp/theme/default/icon/action/star_yellow.png" />';
			}
          }
		  function test()
		  {
			  alert("test");
		  }

推荐答案

（' ＃Getmaildetailstable'）。DataTable（{
columnDefs：[{
orderable： false ，
className：' select-checkbox'，
defaultContent： ，
目标： 0 ，
可见： false
}，{
data： image，render：getStarredflag，
defaultContent： ，
目标： 6 ，
可见： true
}
订单：[
[ 2 ， ' asc']
]，
搜索： false ，
lengthChange： true
}）;

function getStarredflag（data，type，full，meta）{
var starflag = full.STARRED_FLAG;
if （starflag == 1 ）
{
return ' < img src =wcp / theme / default / icon / action / star_icon1.png/>';
}
其他 如果（starflag == 0）
{
return < span class =code-string>' < img src =wcp / theme / default / icon / action / star_yellow.png/>';
}
}
function test（）
{
alert（ test）;
}

('#Getmaildetailstable').DataTable({ columnDefs: [{ orderable: false, className: 'select-checkbox', defaultContent: "", targets: 0, visible: false }, { data: "image",render: getStarredflag, defaultContent: "", targets: 6, visible: true } order: [ [2, 'asc'] ], "searching": false, "lengthChange": true }); function getStarredflag(data, type, full, meta) { var starflag=full.STARRED_FLAG; if(starflag=="1") { return '<img src="wcp/theme/default/icon/action/star_icon1.png" />'; } else if(starflag=="0") { return '<img src="wcp/theme/default/icon/action/star_yellow.png" />'; } } function test() { alert("test"); }

你有这样的代码

You have code like this

if(starflag=="1"){
return '<img src="wcp/theme/default/icon/action/star_icon1.png" />';
}

像这样更改

change it like this

if(starflag=="1"){
return '<img src="wcp/theme/default/icon/action/star_icon1.png" onclick="test()" />';
}

这篇关于在数据表中为image列提供超链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！