Obtenir le rowIndex d'un ASP.Net Gridview à l'aide de jQuery

Bonjour, est-il possible d'obtenir le courant rowindex d'un gridview à l'aide de jQuery?

Peu de fond:

Je supprimer des lignes d'une gridview côté serveur à l'aide d'un bouton de lien dans un champ de modèle comme suit:

<asp:LinkButton CausesValidation="false" CommandName="Delete" ID="lnkDelete"
              OnClientClick="javascript: return(confirm('Delete item?'));" runat="server" Text="Delete" />

Qui invite l'utilisateur à confirmer ou d'annuler la suppression. Si l'utilisateur clique sur OK, il appelle ensuite cette méthode dans le code-behind:

protected void GridViewRowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            this.gridview_uploads.EditIndex = -1;

            if (!this.UploadsList.Count.Equals(0))
            {
                DocumentUpload upload = this.UploadsList[e.RowIndex];
                if (upload != null)
                {
                    this.UploadsList.RemoveAt(e.RowIndex);
                    this.BindInputGridview();
                }
            }
        }

Mais le javascript confirmer (Supprimer?) l'air un peu nul.

Je préfèrerais utiliser quelque chose comme du JQuery dialogue, mais si je le fais, je n'ai aucune idée de comment attraper le rowindex à l'aide de cette approche (je ne peux comprendre comment appeler le code serveur).

Des idées?

Désolé si cela a déjà été posée, j'ai fait un chalut de soi et Googlé, mais ne pouvait pas trouver quelque chose d'utile.

OriginalL'auteur adrianos | 2010-09-29

3

Si le LinkButton est le seul LinkButton/Ancrage au sein de la GridView, alors vous devriez être en mesure de faire quelque chose comme
```
$('#GridView1 a').click(function(){
     return confirm("Delete Item");
});
```
edit: modifier la #GridView1 à l' .net ID de la commande.

vb
```
<%=(me.GridView1.ClientID)%>
```
c#
```
<%=(this.GridView1.ClientID)%>
```
Répondre à adrianos

Si vous regardez dans le jQuery UI Dialog, c'est une belle Modal boîte de Confirmation.

De la même manière que le code ci-dessus, mais en remplaçant le confirmer fonction, vous pourriez avoir:
```
<script type="text/javascript">
 $().ready(function(){
    $( "#dialog" ).dialog( "destroy" );
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
                    autoOpen: false;
        buttons: {
            "Delete item": function() {
                $( this ).dialog( "close" );
                //Put in your return true/false here to activate button
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
    $('#GridView1 a').click(function(){
        $('#dialog-confirm').dialog("open");
        return false;
    });

    )};
</script>
```
Je ne veux pas utiliser de Javascript confirmer la méthode et préfèrent utiliser jQuery boîte de dialogue avec les boutons OK / Annuler. Ensuite j'ai l'intention de relier le bouton OK pour le feu d'une méthode sur le serveur (c'est pourquoi j'ai besoin d'obtenir le rowindex) - merci bien.
voir mes modifications ci-dessus.
Salut Tim, c'est une bonne idée, mais dès que je clique sur le bouton supprimer, il s'exécute côté client et côté serveur code simultanément, sans doute parce que j'ai pris la OnClientClick gestionnaire sur le bouton lien.
si vous return false après l'ouverture de la boîte de dialogue, il arrêtera le bouton de soumission. Mais vous aurez besoin de trouver un moyen de puis en envoyant les cliqué sur le bouton à l'aide du javascript. deviantpoint.com/post/2009/03/12/... est un lien vers une page qui a une solution pour le faire avec un seul bouton. Peut-être que vous pourriez adapter ce travail à l'intérieur de votre gridview?
J'ai juste travaillé sur une solution similaire mais à l'aide d'un champ caché et __ _ _ doPostBack à la place. J'aimerais voter votre réponse comme "la réponse", mais ce n'est pas la façon dont je l'ai fait et je ne veux pas tromper personne.

OriginalL'auteur Tim B James

J'ai trouvé comment faire cela en utilisant l' __doPostBack méthode (en Javascript)

>>> Dans le aspx:

Champ caché:

<asp:HiddenField ID="hidden_gridRowIndex" runat="server" />

Dans une balise script:

    $(document).ready
    (
    function () {
      $("#div_dialog_confirmUploadDelete").dialog({
        autoOpen: false
        , title: "Delete upload"
        , buttons: {
            "OK": function () {
                            __doPostBack('GridViewRowDelete', $("#<%# hidden_gridRowIndex.ClientID %>").val());
                            $(this).dialog('close');
                        }
             , "Cancel": function () { $(this).dialog('close'); }
                    }
                    });

});


    function deleteConfirm(index) {
                        $("#<%# hidden_gridRowIndex.ClientID %>").val(index)
                        $("#div_dialog_confirmUploadDelete").dialog('open');
                    }

Sur le contrôle gridview:

<asp:TemplateField>
  <ItemTemplate>
    <a href="javascript: void(0);" onclick='javascript:return deleteConfirm(<%# Container.DataItemIndex %>);'>Delete</a>
  </ItemTemplate>
</asp:TemplateField>

>>> Dans le code-behind

Sur Page_Load:

if (Request["__EVENTTARGET"] != null)
            {
                switch (Request["__EVENTTARGET"])
                {
                    case "GridViewRowDelete":
                        if (Request["__EVENTARGUMENT"] != null)
                        {
                            int index = -1;
                            if (int.TryParse(Request["__EVENTARGUMENT"], out index))
                            {
                                this.GridViewRowDelete(index);
                            }
                        }
                        break;
                }
            }

Nouvelle méthode appelée par le page_load:

protected void GridViewRowDelete(int rowIndex)
        {
            this.gridview_uploads.EditIndex = -1;

            if (!this.UploadsList.Count.Equals(0))
            {
                DocumentUpload upload = this.UploadsList[rowIndex];
                if (upload != null)
                {
                    this.UploadsList.RemoveAt(rowIndex);
                    this.BindInputGridview();
                }
            }
        }

À penser à elle, je l'aurais probablement fait l'asp:HiddenField régulièrement html cachés de contrôle d'entrée que le côté serveur, sans jamais avoir besoin de le voir.

Il se sent un peu ropey alors n'hésitez pas à jeter des pierres à moi /à suggérer des améliorations.

OriginalL'auteur adrianos

Ajouter un attribut personnalisé à votre grille et définissez la valeur sur la liaison de l'événement

   <asp:GridView ID="GridView1" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>                
                    <a href="#" test='<%# Container.DataItemIndex %>'>content</a>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

À l'aide .net clientId obtenir la valeur de l'attribut personnalisé.

 $(document).ready(function () {
 $('#<%=(this.GridView1.ClientID)%> a').click(function () {
    return alert("Last Name : " + this.getAttribute("test") );
  })
  }
     );

OriginalL'auteur bitsmonkey

Vous devez vous connecter pour publier un commentaire.