JqGrid: Essayer d'ajouter un bouton + à droite d'un champ de formulaire "ajouter" (en utilisant elmsuffix)

Question

Je peux obtenir l'icône pour apparaître, et il déclenche une alerte simple si je place la ligne javascript dans le href mais Je ne peux pas attacher un objet de dialogue à l'identifiant de lien.

J'utilise "elmsuffix" pour obtenir le code html il:

Cela fonctionne:

{name:'name',index:'name',width:100, editable: true, formoptions:{elmsuffix: "<a id="companysearch" href="javascript:alert('yay it worked!');" ><span id="companysearchicon" class="ui-icon ui-icon-plus" style="position:absolute; top:2px; right:25px; "></span></a>"}}, 

Cela ne signifie pas:

$("#companysearch").click(function(){ alert('yay it worked!'); }); 

{name:'name',index:'name',width:100, editable: true, formoptions:{elmsuffix: "<a id="companysearch" href="javascript:void(0)" ><span id="companysearchicon" class="ui-icon ui-icon-plus" style="position:absolute; top:2px; right:25px; "></span></a>"}}, 

presque comme les champs d'application empêchent les objets travailler les uns avec les autres (ou suis-je simplement, en l'approchant à tort)

Merci

Andrew Finegan

Answer 1

tout d'abord je suppose que vous utilisez elmsuffix: '<a id="companysearch" ...' et non elmsuffix: "<a id="companysearch" ..." d'avoir une syntaxe correcte sans échapper à tous les " caractères. Le problème de votre question est lorsque vous utilisez $("#companysearch").click(...). Pour le moment l'élément avec id = "companysearch" doit déjà exister dans DOM de la page. Vous devez donc utiliser soit à l'intérieur du gestionnaire d'événements beforeShowForm:

$("#list").jqGrid('navGrid','#pager',{}, 
    { // edit options 
     beforeShowForm: function(form) { 
      $("#companysearch").click(function(){ 
       alert('yay it worked!'); 
      }); 
     } 
    }); 

ou utiliser la méthode jQuery.live:

$("#companysearch").live('click', function() { 
    alert('yay it worked (live)!'); 
}); 

En the small example vous pouvez voir en direct à la fois les moyens de travail.