Trouver des textbox dans gridview en JQuery

J'ai un gridview qui contient des boutons image. Sur le clic du bouton image, une autre grille se remplit, qui contient des zones de texte. Je tiens à feu JQuery validation de ces zones de texte sur le foyer perdu si la valeur insérée dans la zone de texte est plus grand que celui de la valeur de la colonne de contrôle gridview. Que la valeur de la colonne est à l'aide de champ lié à la liaison de données.

Comment puis-je réaliser cela à l'aide de Jquery? Je suis nouveau dans JQuery.

J'ai essayé quelque chose comme ça.

<script type="text/javascript" language="javascript">
    $(function () {

        var GridView = $('#grdSalesOrder tr').each(function () {
            var btn = $(this).find('img[id*=imgdesign1]');
            alert(btn);
        });

    });
</script>

D'abord je suis trouver les principaux gridview et imagebutton de l'affichage de la grille. Lorsque le bouton est cliqué, une autre gridview se remplit. Donc, je pense que je devrais écrire du code pour trouver une autre grille sur l'événement de clic de ce bouton image, parce qu'au moment du chargement de la page de l'événement, une autre grille ne sera pas disponible. Mais, dans ce code, je ne reçois pas le bouton qui est là dans la grille principale de la vue. Plz modifier mon Jquery si je fais une erreur.

  • montrer le code html ... ou d'essayer jQuery.com
  • Dil..html le code est trop grand pour coller ici...
InformationsquelleAutor Microsoft Developer | 2012-06-08
  1. 1

    Voici quelques JQuery vous pouvez configurer en fonction de vos besoins.

    Il suppose que vous avez ajouté un CssClass à votre affichage de la grille comme suit:

    <asp:GridView ID="Products" runat="server" CssClass="grid_view">

    Un CssClass pour les boîtes de texte comme suit:

    <asp:TextBox ID="txtUserInput runat="server" CssClass="user_input" />

    Et que la valeur de la colonne qui est lié est dans votre ligne d'en-tête.

    Donc, si votre table html de sortie de votre grille de point de vue est similaire à ce

    <table class="grid_view" cellspacing="0" rules="all" border="1" id="Products" style="border-collapse:collapse;">
<tr>
    <th scope="col">12</th><th scope="col">4</th><th scope="col">21</th>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>6</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td><input type="text" class="user_input" /></td>
    <td><input type="text" class="user_input" /></td>
    <td><input type="text" class="user_input" /></td>
<tr>
</table>

    Vous pouvez utiliser cette JQuery

    <script type="text/javascript">
    $('.user_input').blur(function() {
    var enteredVal = $(this).val();
    var currentCell = $(this).closest("td");

    col = $(currentCell).prevAll().length;
    var obj = $(this).parents('table').find('th').eq(col);
    var hrVal = obj.text();

    //your validation here
    if (parseInt(enteredVal,10) > parseInt(hrVal,10)) {
        alert('too big');
    }
});​
</script>


    Voir ce violon pour un exemple.

    • ..J'ai édité ma question. Veuillez passer en revue une fois de plus.
    • utiliser mon code couplé avec .délégué() api.jquery.com/delegate
    InformationsquelleAutor Nicholas Murray
  2. 0

    L'astuce ici est de savoir comment trouver chaque élément que vous souhaitez sur votre grille. Avec le code html, je peux vous donner quelques coups pour commencer.

    Ce code est tout sélectionner votre zone de texte à l'intérieur de votre GridView avec l'id YourGridViewID

    jQuery('#<%=YourGridViewID.ClientID%> input[type=text]')

    Pour ajouter le foyer perdu vous définissez

    jQuery('#<%=YourGridViewID.ClientID%> input[type=text]').blur{
    //add the code for the validation
});

    Maintenant, si vous écrivez un, deux lignes de votre grille peut-être je peux vous aider à localiser les autres données.

    • avez modifié à ma question. Veuillez passer en revue une fois de plus.
    InformationsquelleAutor Aristos