jQuery Girl
  1. jQuery Girl
  3. Ajouter un bouton d’action basé sur la valeur de la colonne à l’aide de DataTable
Intereting Posts
à la fermeture de la boîte de dialog ne supprime pas le contenu précédent lors de la réouverture Solution jQuery pour le téléchargement dynamic de plusieurs fichiers Suppression et ajout d’options d’un groupe de menus sélectionnés avec jQuery Comment obtenir la hauteur d’une fenêtre mère depuis iFrame à l’aide de jQuery? Comment puis-je accéder aux données renvoyées par un appel jquery ajax? en dehors du $ .ajax (…); Comment obtenir une image en fondu enchaîné sur un parchemin à l’aide de jQuery? Attacher un événement à un lien hypertexte, cliquez dans le panneau de mise à jour? Jquery animate quand une autre animation est en cours La méthode request.getAtsortingbute () renvoie 500 codes d’erreur Contrôle de la pagination hors datatable Comment animer les lignes flot jquery 1 par 1 Avec PhoneGap, impossible de charger un fichier .html local avec Ajax uniquement sur Android jQuery preventDefault () ne fonctionne pas Remplir lentement les images SVG avec des couleurs (comme la barre de progression) en utilisant CSS XPages getComponent () ne fonctionne pas correctement

Ajouter un bouton d’action basé sur la valeur de la colonne à l’aide de DataTable

J’ai un fichier texte qui contient des données au format JSON. Les données sont affichées dans la [table] ( http://live.datatables.net/zuhojida/1/edit ). Ses 3 colonnes, Alert, Ack et Action.

C’est mon code datatable: 

 $(document).ready(function() { var refreshMaintTable = $('#maint-table').dataTable( { "bInfo": false, "sAjaxSource": 'ajax/maint_json.txt', "bServerSide": true, "bJQueryUI": true, "bPaginate": false, "bLengthChange": false, "bFilter": false, "aoColumns": [ { "mData": "maint_alert" }, { "mData": "maint_ack" }, { "mData": "maint_action" }, ], } ); setInterval (function() { refreshMaintTable.fnDraw(); }, 50000); } );

Je veux savoir si dataTable peut d’abord vérifier la valeur dans la colonne Ack et si la valeur est = 0 (cela signifie que l’alerte n’a pas encore été reconnue), un bouton sur lequel on peut cliquer pour accuser réception de l’alerte. Ce bouton changera la valeur de 0 à 1.

Est-ce quelque chose que DataTables peut faire?

Merci

Vous pouvez essayer quelque chose comme ci-dessous: 

 $(document).ready(function() { var addButton = function(){ $('#maint-table tr td').each(function(){ if($(this).index() == 1 && $(this).html() == "0") { $(this).html($('')); } }); } var refreshMaintTable = $('#maint-table').dataTable( { "bInfo": false, "sAjaxSource": 'ajax/maint_json.txt', "bServerSide": true, "bJQueryUI": true, "bPaginate": false, "bLengthChange": false, "bFilter": false, "aoColumns": [ { "mData": "maint_alert" }, { "mData": "maint_ack" }, { "mData": "maint_action" }, ], "fnDrawCallback": function ( oSettings ) { // call add button on page load addButton(); } } ); setInterval (function() { refreshMaintTable.fnDraw(); addButton(); }, 50000); } );

Démo