implemented review comments

pull/480/head
LokeshBabuTG 4 years ago committed by GitHub
parent 25ae6ae135
commit 6106331e05
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -1,17 +1,17 @@
/** /**
* This data rendering helper method can be useful when a hyperLink with custom * This data rendering helper method can be useful when a hyperLink with custom
* text has to rendered. The data for the column is still fully searchable and sortable, based on the hyperLink value, * anchorText has to rendered. The data for the column is still fully searchable and sortable, based on the hyperLink value,
* and sortable, based on the hyperLink value, but during display in webpage is rendered with custom placeholder * and sortable, based on the hyperLink value, but during display in webpage is rendered with custom placeholder
* *
* It accepts four parameters: * It accepts four parameters:
* *
* 1. 'text' - type string - (optional - default `Click Here`) - The custom placeholder to display * 1. 'anchorText' - type string - (optional - default `Click Here`) - The custom placeholder to display
* 2. 'location' - type string - (optional - default `newTab`) * 2. 'location' - type string - (optional - default `newTab`)
* takes two values 'newTab' and 'popup' * takes two values 'newTab' and 'popup'
* 3. 'width' - type integer - (optional - default `600`) * 3. 'width' - type integer - (optional - default `600`)
* The custom width of popup to display. * The custom width of popup to display.
* Value is utilised on when 'location' is given as 'popup'. * Value is utilised on when 'location' is given as 'popup'.
* 4. 'height' - type integer - (optional - default `400`) * 4. 'height' - type integer - (optional - default `400`)
* The custom heigth of popup to display. * The custom heigth of popup to display.
* Value is utilised on when 'location' is given as 'popup'. * Value is utilised on when 'location' is given as 'popup'.
* *
@ -35,7 +35,7 @@
* $('#example').DataTable( { * $('#example').DataTable( {
* columnDefs: [ { * columnDefs: [ {
* targets: 2, * targets: 2,
* render: $.fn.dataTable.render.ellipsis( 'Download' ) * render: $.fn.dataTable.render.hyperLink( 'Download' )
* } ] * } ]
* } ); * } );
* *
@ -45,7 +45,7 @@
* $('#example').DataTable( { * $('#example').DataTable( {
* columnDefs: [ { * columnDefs: [ {
* targets: 2, * targets: 2,
* render: $.fn.dataTable.render.ellipsis( 'Download', 'popup' ) * render: $.fn.dataTable.render.hyperLink( 'Download', 'popup' )
* } ] * } ]
* } ); * } );
* *
@ -55,59 +55,87 @@
* $('#example').DataTable( { * $('#example').DataTable( {
* columnDefs: [ { * columnDefs: [ {
* targets: 2, * targets: 2,
* render: $.fn.dataTable.render.ellipsis( 'Download', 'popup' , 1000, 500) * render: $.fn.dataTable.render.hyperLink( 'Download', 'popup' , 1000, 500)
* } ] * } ]
* } ); * } );
*/ */
jQuery.fn.dataTable.render.hyperLink = function (text, location, width, height) { jQuery.fn.dataTable.render.hyperLink = function (
anchorText,
location,
validateAndReturnDefaultIfFailed = function(item, defaultValue) { width,
height
if ( typeof item === 'number' ) { ) {
return item; validateAndReturnDefaultIfFailed = function (item, defaultValue) {
} if (typeof item === "number") {
return item;
}
if ( typeof item === 'string' ) {
return parseInt(item) ? item : defaultValue; if (typeof item === "string") {
} return parseInt(item) ? item : defaultValue;
}
return defaultValue;
} return defaultValue;
};
text = text || 'Click Here';
location = location || 'newTab';
width = validateAndReturnDefaultIfFailed(width, '600');
height = validateAndReturnDefaultIfFailed(height, '400');
return function (data, type, row) {
var anchorText = anchorText || "Click Here";
var location = location || "newTab";
var width = validateAndReturnDefaultIfFailed(width, "600");
var height = validateAndReturnDefaultIfFailed(height, "400");
return function (data, type, row) {
// restriction only for table display rendering // restriction only for table display rendering
if (type !== 'display') { if (type !== "display") {
return data; return data;
} }
try { var url = data;
url = new URL(data); try {
url = new URL(data);
switch(location) {
case 'newTab' : switch (location) {
return '<a title="' + url + '" href="' + url + '" target="_blank">' + text + '</a>'; case "newTab":
case 'popup': return (
return '<a title="' + url + '" href="' + url + '" target="popup" rel="noopener noreferrer" onclick="window.open(\'' + url + '\', \'' + text + '\', \'width='+width+',height='+height+'\'); return false;">' + text + '</a>'; '<a title="' +
default: url +
return '<a title="' + url + '" href="' + url + '" target="_blank">' + text + '</a>'; '" href="' +
} url +
'" target="_blank">' +
} catch(e) { anchorText +
return url; "</a>"
} );
case "popup":
return (
'<a title="' +
url +
'" href="' +
url +
'" target="popup" rel="noopener noreferrer" onclick="window.open(\'' +
url +
"', '" +
anchorText +
"', 'width=" +
width +
",height=" +
height +
"'); return false;\">" +
anchorText +
"</a>"
);
default:
return (
'<a title="' +
url +
'" href="' +
url +
'" target="_blank">' +
anchorText +
"</a>"
);
}
} catch (e) {
return url;
}
}; };
}; };

Loading…
Cancel
Save