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.??
- 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");
- }