display problem with buttons TableTools
display problem with buttons TableTools
gnomathibus
Posts: 0Questions: 0Answers: 0
hello,
Despite my research I can not seem to display a button with TableTools, it remains hidden, here is my code below, if anyone can help me
[code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
DataTables example
@import"demo_page.css";
@import"demo_table.css";
@import"demo_validation.css";
@import"jquery-ui.css";
@import"jquery-ui-1.7.2.custom.css";
@import"TableTools.css";
var pageid = "1";
var oTable = $('#example').dataTable();
$(document).ready(function () {
$('#example').dataTable({
"bJQueryUI": true,
"iDisplayLength": 80,
"bProcessing": true,
"bServerSide": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [{
"sExtends": "text",
"sButtonText": "Hello world"
}]
},
"sAjaxSource": "jsonResponse_bouton_cmd",
"fnServerParams": function (aoData) {
aoData.push({
"name": "Json_id_cmd",
"value": "1"
}, {
"name": "Page_id",
"value": pageid
});
},
"aoColumns": [{
"mDataProp": "ID_entree"
}, {
"mDataProp": "Type_cmd"
}, {
"mDataProp": "ID_cmd"
}, {
"mDataProp": "ID_DAC"
}]
}).makeEditable({
sUpdateURL: function (value, settings) {
return (value); //Simulation of server-side response using a callback function
},
fnOnEditing: function (input) {
cell = input.parents("tr").children("td:first").text();
return true
},
oUpdateParameters: {
cell: function () {
return cell;
},
"setup_bt_cmd": "1"
},
"aoColumns": [
null,
{
event: 'click',
indicator: 'Choix du type de commande',
tooltip: 'Cliquez ici pour la sélection du type de commande',
loadtext: 'chargemment...',
type: 'select',
onblur: 'submit',
data: "{'':'Please select...', '1':'2','3:'4','5':'6','7':'8','9':'10'}",
sUpdateURL: "Reponse_Setup_bt_cmd",
ajaxoptions: {
type: 'GET'
}
},
{
event: 'mouseover',
indicator: 'Saving platforms...',
tooltip: 'Click to edit platforms',
type: 'textarea',
sUpdateURL: "Reponse_Setup_bt_cmd",
ajaxoptions: {
type: 'GET'
},
submit: 'Save changes'
/* fnOnCellUpdated: function(sStatus, sValue, row, column, settings){
alert("(Cell Callback): Cell["+row+","+column+"] is updated with value " + sValue);
}*/
},
{}
]
});
});
Numéro de l'entrée
Type de la commande
Nom de la commande
Numéro de la sortie analogique
Chargement des données de la carte
[/code]
Despite my research I can not seem to display a button with TableTools, it remains hidden, here is my code below, if anyone can help me
[code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
DataTables example
@import"demo_page.css";
@import"demo_table.css";
@import"demo_validation.css";
@import"jquery-ui.css";
@import"jquery-ui-1.7.2.custom.css";
@import"TableTools.css";
var pageid = "1";
var oTable = $('#example').dataTable();
$(document).ready(function () {
$('#example').dataTable({
"bJQueryUI": true,
"iDisplayLength": 80,
"bProcessing": true,
"bServerSide": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [{
"sExtends": "text",
"sButtonText": "Hello world"
}]
},
"sAjaxSource": "jsonResponse_bouton_cmd",
"fnServerParams": function (aoData) {
aoData.push({
"name": "Json_id_cmd",
"value": "1"
}, {
"name": "Page_id",
"value": pageid
});
},
"aoColumns": [{
"mDataProp": "ID_entree"
}, {
"mDataProp": "Type_cmd"
}, {
"mDataProp": "ID_cmd"
}, {
"mDataProp": "ID_DAC"
}]
}).makeEditable({
sUpdateURL: function (value, settings) {
return (value); //Simulation of server-side response using a callback function
},
fnOnEditing: function (input) {
cell = input.parents("tr").children("td:first").text();
return true
},
oUpdateParameters: {
cell: function () {
return cell;
},
"setup_bt_cmd": "1"
},
"aoColumns": [
null,
{
event: 'click',
indicator: 'Choix du type de commande',
tooltip: 'Cliquez ici pour la sélection du type de commande',
loadtext: 'chargemment...',
type: 'select',
onblur: 'submit',
data: "{'':'Please select...', '1':'2','3:'4','5':'6','7':'8','9':'10'}",
sUpdateURL: "Reponse_Setup_bt_cmd",
ajaxoptions: {
type: 'GET'
}
},
{
event: 'mouseover',
indicator: 'Saving platforms...',
tooltip: 'Click to edit platforms',
type: 'textarea',
sUpdateURL: "Reponse_Setup_bt_cmd",
ajaxoptions: {
type: 'GET'
},
submit: 'Save changes'
/* fnOnCellUpdated: function(sStatus, sValue, row, column, settings){
alert("(Cell Callback): Cell["+row+","+column+"] is updated with value " + sValue);
}*/
},
{}
]
});
});
Numéro de l'entrée
Type de la commande
Nom de la commande
Numéro de la sortie analogique
Chargement des données de la carte
[/code]
This discussion has been closed.