JQgrid sur le bouton d'actualisation cliquez sur

Question

Je veux écrire du code sur le bouton Refresh de JQGrid. Y a-t-il un événement pour ça?

Answer 1

Le css pour le bouton de rafraîchissement est ui-icon-refresh

de sorte que vous pouvez écrire votre code personnalisé sur ce css comme

jQuery('.ui-icon-refresh').click(function(){ 
    // do your work 
}); 

Answer 2

Si vous avez besoin de faire quelques actions avant rafraîchissement sera lancé, vous devez utiliser beforeRefresh callback:

$("#grid_id").jqGrid('navGrid', '#gridpager', { 
    beforeRefresh: function() { 
     // some code here 
    } 
}); 

Si vous avez besoin absolue d'une autre mise en œuvre o grille f Rafraîchissant où vous n'appeler $("#grid_id").trigger("reloadGrid"); (dont le son étrange), vous pouvez le faire par l'utilisation de l'option refresh: false pour supprimer le bouton standard Actualiser et en utilisant navButtonAdd pour ajouter votre bouton personnalisé qui ressemble exactement à l'original:

$("#grid_id").jqGrid('navGrid', '#gridpager', {refresh: false}); 
$("#grid_id").jqGrid('navButtonAdd', "#gridpager", { 
    caption: "", title: "Reload Grid", buttonicon: "ui-icon-refresh", 
    onClickButton: function() { 
     alert('"Refresh" button is clicked!'); 
    } 
});