Actions conditionnelles entre les lignes en fonction d'une condition donnée dans jQgrid?

Question

Je dois permuter entre les actions basées sur une condition donnée dans une grille jqGrid 4.4.1. Jetez un oeil à l'image suivante:

Comment ça devrait fonctionner est:

• si le type est api_response alors le actions ne devrait être que l'icône de loupe.
• si Type est api_request alors le actions devrait être la deuxième icône mais la loupe ne devrait pas être là.

Voilà comment je suis en train de créer les boutons:

$.fn.fmatter.btnFormatter = function (cellValue, options, rowData, addOrEdit) { 
    return '<a href="#">' + 
     '<img class="api_button" data-id="' + options.rowId + '" src="/images/icons/16x16/document_view.png" alt="Show API Response Data" title="Show API Response Data" />' + 
     '</a>' + 
     '<a href="/sf/api-logs/error/' + options.rowId + '">' + 
     '<img class="error_button" data-id="' + options.rowId + '" src="/images/icons/16x16/document_warning.png" alt="Show Errors" title="Show Errors" />' + 
     '</a>'; 
}; 

$(function() { 
    $("#grid").jqGrid({ 
     url: '/api-logs', 
     datatype: "json", 
     colNames: $('#colnames').data('values'), 
     colModel: $('#colmodel').data('values'), 
     width: 980, 
     height: 300, 
     pager: "#gridpager", 
     toppager: true, 
     hoverrows: true, 
     shrinkToFit: true, 
     autowidth: true, 
     rownumbers: true, 
     viewrecords: true, 
     rowList: [10, 20, 50, 100], 
     data: [], 
     rownumWidth: 50, 
     gridview: true, 
     sortable: true, 
     rowattr: function (item) { 
      if (item.type === "api_response") { 
       return {"class": "api_response"}; 
      } else if (item.type === 'api_request') { 
       return {"class": "api_request"}; 
      } 
     }, 
     jsonReader: { 
      root: 'rows', 
      page: 'page', 
      total: 'total', 
      records: 'records', 
      cell: '', 
      repeatitems: false 
     } 
    }); 
}); 

Bien sûr, la première colonne a la btnFormatter appliquée.

Comment puis-je faire cela?

Answer 1

Vous pouvez modifier le code de $.fn.fmatter.btnFormatter, que vous utilisez pour tester rowData.type de la même manière que vous le faites dans le rappel rowattr.

De toute façon, je vous recommande strictement de tester, si votre code existant fonctionne avec la version actuelle de jqGrid libre (la version 4.14.1). Vous pouvez modifier 3 lignes de votre code HTML et charger des fichiers CSS et JS à partir de CDN (voir the wiki article). La version 4.4.1 de jqGrid est morte. Il est vraiment dangereux d'utiliser une version aussi ancienne et non supportée.