Utilisation de Javascript pour afficher une balise div masquée dans Listview ASP.NET


                    <tr bgcolor="#efefef">
                        <td width="10%">
                            
                                
                        </td>
                        <td width="50%" align="left">
                            
                                <%#Eval("Name") %>
                            
                        </td>
                        <td width="10%" align="center">
                            
                                <%#Eval("Type.Name")%>
                            
                        </td>
                        <td width="10%" align="center">
                            
                                <%#Eval("isGlobal") %>
                            
                        </td>
                        <td width="20%" align="center">
                            VIEW
                             
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div align="left" class="ShowRoles">
                                GROUPS:
                                <%#Eval("MarjorieRoles") %>
                            </div>
                        </td>

                    </tr>

C'est le code pour mon ItemTemplate dans un ListView. Je veux que le bouton de lien dans le premier affiche les champs quand on clique dessus. Je suis nouveau à JavaScript et n'ai absolument aucune idée de comment s'y prendre. Toute aide serait appréciée. Merci

0

1 Réponses

Ce n'est pas une question spécifique, mais je peux vous donner quelques conseils pour vous aider à démarrer.

1) En HTML, chaque élément de votre page est marqué d'un attribut id . En JavaScript, vous pouvez utiliser la fonction document.getElementById pour obtenir un élément par son identifiant. Vous pouvez également utiliser la classe d'un élément avec document.getElementsByClass .

2) And this is very important. Any time you add a server-side control to your page, it will be assigned an id in the resulting HTML that may be completely different from the ID you specify in the mark-up. In ASP.net, you can get the client-side id by writing <%= elementId.ClientID %>.

3) Une bibliothèque comme jQuery peut être très utile pour simplifier votre développement. Avec jQuery, vous utiliseriez la fonction $ .click pour attacher un événement à l'événement click de boutons. Vous pouvez utiliser la fonction $. Show pour faire apparaître un élément caché.

0
ajouté