ajouter un bouton d'action formateur en jqgrid

J'ai un jqgrid comme ce

colNames: ['Name','Actions'],

 colModel: [

        { name: 'name', index: 'name', align: 'right', editable: true},
{ name: 'act', index: 'act', width: 75, align: 'center', sortable: false, formatter: 'actions',formatoptions: {keys: true,delbutton:false}}
],

maintenant, je veux ajouter un bouton personnalisé avec bouton modifier de l'action du formateur.

J'ai essayé ceci, ne semble pas y avoir de travail, toute devine pourquoi?

gridComplete: function(){
    var ids = $("#grid").jqGrid('getDataIDs');
    for(var i=0;i < ids.length;i++){
        var cl = ids[i];
        alert(cl);
        be = "<input style='height:22px;' type='button' value='Edit' onclick=\"window.location.href='editItem.asp?ID="+cl+"'\"  />";

        $("#grid").jqGrid('setRowData',ids[i],{act:be});
    }   
},
  • Je pense que vous devriez écrire votre propre formateur becaause vous n'utilisez pas la suppression de l'action, et que vous souhaitez personnalisé sur le bouton modifier.
  • non, je veux garder mon bouton modifier comme ça, plus je veux en ajouter un bouton modifier. Donc pouvez vous me donner des exemples sur elle?
InformationsquelleAutor Piyush Sardana | 2012-07-06
  1. 2

    Si je comprends corriger vos exigences, vous trouverez la réponse à votre question dans cette et cette vieux réponses.

    • merci monsieur, u r un épargnant de vie...que c'est exactement ce que je cherchais...et croyez-moi ou pas, j'ai été en attente pour vous réponses..merci..:)
    InformationsquelleAutor Oleg
  2. 1

    Ceci est un exemple d'une mise en forme personnalisée (en supposant que vous définissez la valeur de la "Actions" col avec votre id de l'article) : 

    <script>
    var myCustomFormatter = function(cellVal,options,rowObject) {
        return "<input style='height:22px;' type='button' value='Edit' onclick=\"window.location.href='editItem.asp?ID="+cellVal+"'\"  />";  
    };

    $("#yourTableID").jqGrid({
        ....
        colNames: [....,'Actions'],
        colModel: [
            ....
            { name: 'act', index: 'act', width: 75, align: 'center', sortable: false, formatter:myCustomFormatter}
        ],
        ....
    });

</script>

    Lire la jqGrid documentation sur mise en forme personnalisée.

    • juste envie de poser cette question, peut à la fois l'action de formatage et de mise en forme personnalisée aller ensemble?? je vais mettre en œuvre ce moment je obtenir le code d'accès...
    • Je ne pense pas, vous pouvez peut-être de prolonger l'action formateur en jqGrid source.
    • êtes-vous sûr? parce que si u est vrai, alors je pense que je vais mettre en œuvre ces changements, mais u assurez-vous il n'y a pas d'autre moyen de contourner?
    • Dans mon esprit, la plus simple façon est d'écrire votre propre mise en forme personnalisée 🙂 ! Poser sur jqGrid forum, si vous avez besoin de plus d'informations, je ne peux pas vous aider plus, désolé.
    InformationsquelleAutor jbrtrnd