Chercher un numéro de contrôle

**Franck.H** · 29/04/2014, 08h36

Je créé des applications en ASP.Net et en ce moment j'intègre tout doucement jQuery dans mes projets. Je suis en train d'intégrer les DatePicker mais je suis devant un problème (n'étant pas encore un pro de cette bibliothèque).

Dans ma page ASP, j'ai un contrôle affichant des données et permettant d'en saisir, un DataGrid (rendu HTML <table>) seul problème, dans ce genre de contrôle, en rendu HTML, ils sont dotés d'un nom généré et concaténé au miens et avec une numérotation. Donc, suivant le nombre de lignes que j'affiche, les contrôles TextBox (input text) on des noms qui changent tout le temps car la numérotation change et j'aimerais donc savoir s'il existe un moyen de trouver tout de même ces contrôles pour y appliquer les datepicker ?

Voici un bout de code montrant mon problème:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    <script type="text/javascript">
        $(document).ready(function () {
            $("#ctl00_contenu_txtFrom").datepicker({ 
                showAnim: "slideDown",
                changeMonth: true,
                changeYear: true
            });
            $("#ctl00_contenu_txtTo").datepicker({ 
                showAnim: "slideDown",
                changeMonth: true,
                changeYear: true
            });
            $("#ctl00_contenu_dgAnalyses_ctl02_txtDtePrvtFooter").datepicker({
                showAnim: "slideDown",
                changeMonth: true,
                changeYear: true
            });
            $("#ctl00_contenu_dgAnalyses_ctl02_txtDteAnaFooter").datepicker({
                showAnim: "slideDown",
                changeMonth: true,
                changeYear: true
            });
        });
    </script>

Voici le code généré avec mes contrôles:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<table class="tb_saisie" cellspacing="0" cellpadding="4" rules="cols" border="1" id="ctl00_contenu_dgAnalyses" style="color:Black;background-color:White;border-color:#DEDFDE;border-width:1px;border-style:None;border-collapse:collapse;">
	<tr class="head" style="color:White;background-color:#6B696B;font-weight:bold;">
		<td>Date Prélèvement</td><td>Date Analyse</td><td>Paramètre</td><td>Valeur</td><td>Unité</td><td>&nbsp;</td><td>&nbsp;</td>
	</tr><tr class="foot" style="background-color:#CCCC99;">
		<td>
                    <input name="ctl00$contenu$dgAnalyses$ctl02$txtDtePrvtFooter" type="text" id="ctl00_contenu_dgAnalyses_ctl02_txtDtePrvtFooter" style="width:100px;" />
                </td><td>
                    <input name="ctl00$contenu$dgAnalyses$ctl02$txtDteAnaFooter" type="text" id="ctl00_contenu_dgAnalyses_ctl02_txtDteAnaFooter" style="width:100px;" />
                </td><td>
                    <select name="ctl00$contenu$dgAnalyses$ctl02$ddlParamFooter" onchange="javascript:setTimeout('__doPostBack(\'ctl00$contenu$dgAnalyses$ctl02$ddlParamFooter\',\'\')', 0)" id="ctl00_contenu_dgAnalyses_ctl02_ddlParamFooter" style="width:250px;">
			<option value="g/(kg MS)-1335">Ammonium</option>
			<option value="g/kg-1551">Azote global (N.GL.)</option>
			<option value="kg/(t MS)-1551">Azote global (N.GL.)</option>
			<option value="g/(kg MS)-1319">Azote Kjeldahl</option>
			<option value="mg/(kg MS)-1115">Benzo(a)pyrène</option>
			<option value="mg/(kg MS)-1116">Benzo(b)fluoranthène</option>
			<option value="mg/(kg MS)-1362">Bore</option>
			<option value="mg/(kg MS)-1388">Cadmium</option>
			<option value="g/(kg MS)-1374">Calcium</option>
			<option value="% MS-1841">Carbone Organique</option>
			<option value="g/kg-1823">Chaux</option>
			<option value="mg/(kg MS)-1389">Chrome</option>
			<option value="mg/(kg MS)-1379">Cobalt</option>
			<option value="mg/(kg MS)-1392">Cuivre</option>
			<option value="mg/(kg MS)-1084">Cyanures libres</option>
			<option value="mg/(kg MS)-1390">Cyanures totaux</option>
			<option value="mg/(kg MS)-1393">Fer</option>
			<option value="mg/(kg MS)-1191">Fluoranthène</option>
			<option value="g/(kg MS)-1372">Magnésium</option>
			<option value="mg/(kg MS)-1394">Manganèse</option>
			<option selected="selected" value="%-1799">Matière sèche</option>
			<option value="% MS-1434">Matières Organiques Volatiles à haute température (M.O.V.)</option>
			<option value="mg/(kg MS)-1387">Mercure</option>
			<option value="mg/(kg MS)-1395">Molybdène</option>
			<option value="mg/(kg MS)-1386">Nickel</option>
			<option value="kg/(t MS)-1340">Nitrates</option>
			<option value="g/(kg MS)-1350">Phosphore total</option>
			<option value="mg/(kg MS)-1382">Plomb</option>
			<option value="mg/(kg MS)-1242">Polychlorobiphényle 101</option>
			<option value="mg/(kg MS)-1243">Polychlorobiphényle 118</option>
			<option value="mg/(kg MS)-1244">Polychlorobiphényle 138</option>
			<option value="mg/(kg MS)-1245">Polychlorobiphényle 153</option>
			<option value="mg/(kg MS)-1246">Polychlorobiphényle 180</option>
			<option value="mg/(kg MS)-1239">Polychlorobiphényle 28</option>
			<option value="mg/(kg MS)-1241">Polychlorobiphényle 52</option>
			<option value="g/(kg MS)-1367">Potassium</option>
			<option value="X-1302">Potentiel en Hydrogène (pH)</option>
			<option value="X-2833">Rapport Carbone sur Azote</option>
			<option value="mg/(kg MS)-1385">Sélénium</option>
			<option value="g/(kg MS)-1375">Sodium</option>
			<option value="mg/(kg MS)-5931">Somme Cr+Cu+Ni+Zn</option>
			<option value="mg/(kg MS)-6423">Somme des 7 PCBs</option>
			<option value="mg/(kg MS)-1383">Zinc</option>
 
		</select>
                </td><td>
                    <input name="ctl00$contenu$dgAnalyses$ctl02$txtValFooter" type="text" id="ctl00_contenu_dgAnalyses_ctl02_txtValFooter" class="tb_anext_txt" style="width:75px;" />
                </td><td>%</td><td>&nbsp;</td><td>
                    <input type="image" name="ctl00$contenu$dgAnalyses$ctl02$btnAj" id="ctl00_contenu_dgAnalyses_ctl02_btnAj" title="Ajouter" class="ib" src="IMAGES/enregistrer.png" onclick="TestSaisies(&quot;INSERT&quot;);" style="border-width:0px;" />
                </td>
	</tr>
</table>

Le problème est sur les deux derniers dans la partie ctl02 dont le nombre peut varier. Si jamais quelqu'un sais comment faire ça proprement.

**Franck.H** · 29/04/2014, 09h17

J'ai résolu le problème en ajoutant une classe CSS unique pour tous mes Input recevant une date et fait la recherche jQuery à partir de cette classe.

Chercher un numéro de contrôle

jQuery

Discussions similaires

Partager

Partager