Tooltip for serverside proccesing.
Tooltip for serverside proccesing.
swathigude
Posts: 7Questions: 0Answers: 0
HI ,
I'm new to this datatables. I'm using server-side processing datatable.
I want tooltip something like
http://datatables.net/examples/advanced_init/events_pre_init.html
but when I tried with same code sample it is not working for me.
can anyone please help me on this.
here is my sample code.
$(document).ready(function () {
$('#tblAdjustmentErrorFile tbody tr').each(function () {
var sTitle;
var nTds = $('td', this);
var sBrowser = $(nTds[5]).text();
//var sGrade = $(nTds[4]).text();
sTitle = 'Region ' + sBrowser;
this.setAttribute('title', sTitle);
});
/* Apply the tooltips */
$('#tblAdjustmentErrorFile tbody tr[title]').tooltip({
"delay": 0,
"track": true,
"fade": 250
});
var oTable = $('#tblAdjustmentErrorFile').dataTable({
"bDestroy": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "AdjustmentErrorFileHandler",
"aoColumns": [
{
"bVisible": false
}, //ID is hidden
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
"bVisible": false
},
null,
{
"bVisible": false
},
{
"bVisible": false
},
null,
null,
null
],
"fnServerData": function (sSource, aaData, fnCallback) {
aaData.push({ "name": "region", "value": '' });
aaData.push({ "name": "macId", "value": '' });
$.getJSON(sSource, aaData, function (json) {
/* Do whatever additional processing you want on the callback, then tell DataTables */
fnCallback(json);
});
},
"sPaginationType": "full_numbers",
"bSortClasses": false
}).makeEditable({
sUpdateURL: "UpdateAdjErrorFile",
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
type: 'textarea',
submit: 'Save',
rows: 3,
columns: 10,
oValidationOptions: {
rules: { value: { maxlength: 250} },
messages: { value: { maxlength: "Enter max 250 characters"} }
}
}
],
fnShowError: function (message, action) {
switch (action) {
case "update":
jAlert(message, "Updated failed");
break;
}
}
});
I'm new to this datatables. I'm using server-side processing datatable.
I want tooltip something like
http://datatables.net/examples/advanced_init/events_pre_init.html
but when I tried with same code sample it is not working for me.
can anyone please help me on this.
here is my sample code.
$(document).ready(function () {
$('#tblAdjustmentErrorFile tbody tr').each(function () {
var sTitle;
var nTds = $('td', this);
var sBrowser = $(nTds[5]).text();
//var sGrade = $(nTds[4]).text();
sTitle = 'Region ' + sBrowser;
this.setAttribute('title', sTitle);
});
/* Apply the tooltips */
$('#tblAdjustmentErrorFile tbody tr[title]').tooltip({
"delay": 0,
"track": true,
"fade": 250
});
var oTable = $('#tblAdjustmentErrorFile').dataTable({
"bDestroy": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "AdjustmentErrorFileHandler",
"aoColumns": [
{
"bVisible": false
}, //ID is hidden
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
"bVisible": false
},
null,
{
"bVisible": false
},
{
"bVisible": false
},
null,
null,
null
],
"fnServerData": function (sSource, aaData, fnCallback) {
aaData.push({ "name": "region", "value": '' });
aaData.push({ "name": "macId", "value": '' });
$.getJSON(sSource, aaData, function (json) {
/* Do whatever additional processing you want on the callback, then tell DataTables */
fnCallback(json);
});
},
"sPaginationType": "full_numbers",
"bSortClasses": false
}).makeEditable({
sUpdateURL: "UpdateAdjErrorFile",
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
type: 'textarea',
submit: 'Save',
rows: 3,
columns: 10,
oValidationOptions: {
rules: { value: { maxlength: 250} },
messages: { value: { maxlength: "Enter max 250 characters"} }
}
}
],
fnShowError: function (message, action) {
switch (action) {
case "update":
jAlert(message, "Updated failed");
break;
}
}
});
This discussion has been closed.
Replies
Allan