2010-07-30 4 views
2

Je veux supprimer un enregistrement dans jqgrid. pour cela j'ai l'image et quand l'utilisateur clique dessus l'enregistrement est supprimé. Mais je veux montrer la boîte de confirmation et quand vrai alors seulement l'enregistrement devrait être supprimé. donc tout le monde peut dire comment appeler javascript dans jqgrid. mon jqGrid est jQuery (document) .ready (function() { jQuery ("# list47") jqGrid ({ url:. '? AddFilterGrid.aspx = Afficher ViewFilter', type de données: "JSON", id : "FilterName", colNames: ["Sous-catégorie", "Filtre", "Supprimer", "Modifier"], colModel: [ {name: 'CategoryName', index: 'CategoryName', largeur: 150, align: 'left', sortable: true, sorttype: 'texte'}, {name: 'FilterName', index: 'FilterName', largeur: 150, align: 'left', triable: true, sorttype: 'texte'},supprimer l'enregistrement dans jqgrid dans asp.net

 { name: 'f', index: 'f', width: 100, align: "center", formatter: 'showlink', formatter: formateadorLinkDelete }, 


    { name: 'FilterId', index: 'FilterId', width: 100, align: "center", formatter: 'showlink', formatter: formateadorLinkEdit }, 

     ], 
      height: 280, 
      width: 650, 
      //autowidth: true, 
      mtype: "GET", 
      pager: '#plist47', 
      rowNum: 10, 
      rowList: [10,20,30,40], 
      repeatitems: false, 
      viewrecords: true, 
      sortname: 'FilterName', 
      viewrecords: true, 
      sortorder: "desc", 
      gridview: true, 
      imgpath: '/Scripts/themes/redmond/images' 
     }); 

    }); 

Répondre

1

Faire une colonne avec un bouton de suppression, donnez à votre bouton un attribut avec l'identifiant, de sorte que vous pouvez publier cet identifiant pour le supprimer.

faire un post à votre contrôleur de suppression

$.post('url/delete/$(this).val("deletid")', function(data) { 
    $('.result').html(data); 
}); 

@ modifier: créer un lien de suppression dans l'un de vos colonnes, avec class = « supprimer » et deleteid = « l'id » vous pouvez créer une confirmation popup boîte:

$(function(){ 
    $(.delete).foreach(function(){ 
     $('#dialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      modal: true, 
      resizable: false, 
      buttons: { 
       "Submit": function(){ 
          $.post('url/delete/$(this).val("deletid")', function(data) { 

           //find your tr and hide it 
           $(this).parent().parent.... .hide(); 
          }); 
          }; 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
});