Utiliser $(document).ready dans une page aspx

**Olivier782** · 04/11/2011, 18h19

Bonjour,

Je souhaite appliquer un tri dans une table html. Pour ce faire, j'utilise tablesorter (http://tablesorter.com/).

J'arrive à utiliser cette librairie de cette façon :

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
25
26
27
28
29
30
31
 
 
<head>
 
<script type="text/javascript" src="jquery-1.6.4.js">
</script> 
<script type="text/javascript" src="jquery.tablesorter.js">
</script> 
<script type="text/javascript">
$(document).ready(function()     {         $("#myTable").tablesorter();    } ); 
</script>
</head>
<table id='myTable' class='tablesorter'> 
<thead>
 <tr>  
 <th>Last Name</th> 
 <th>First Name</th>
 <th>Email</th>   
 <th>Due</th>   
 <th>Web Site</th>
 </tr>
 </thead> 
 <tbody>
 <tr>   
 <td>Smith</td> 
 <td>John</td> 
 <td>jsmith@gmail.com</td>  
 <td>$50.00</td>  
 <td>http://www.jsmith.com</td>
 </tr>
...

Ce que je veux, c'est pouvoir faire la même chose en ASP.NET. Le problème est que je génère une table HTML dynamiquement dans un LiteralControl.
J'ai essayé d'ajouter le même header que dans le code précédent dans ma page aspx, mais cela ne fonctionne pas...

Est-ce que c'est censé fonctionner cette méthode? ou faut-il que je fasse autrement.

J'ai essayé le code suivant, mon idée étant d'exécuter du javascript une fois que la page ait été chargée (donc, une fois que ma table HTML a été crée). Mais cela ne semble pas être la solution.

Code :

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

1
2
3
4
5
6
7
8
9
 
        protected override void OnPreRender(EventArgs e)
        {
            base.OnPreRender(e);
 
            string script = "<script type=\"text/javascript\">$(document).ready(function()     {         $(\"#myTable\").tablesorter();     } ); </script>";
 
            Page.RegisterClientScriptBlock("MyScript", script);
        }

**Olivier782** · 09/11/2011, 15h22

Tout simplement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript" src="jquery-1.6.4.js">
</script> 
<script type="text/javascript" src="jquery.tablesorter.js">
</script> 
 
 
<script type="text/javascript" defer="defer">
 
    $(document).ready(function () {
        $("#myTable").tablesorter();    
   });
</script>

Et surtout, ne pas se tromper au niveau de l'attribut src

Utiliser $(document).ready dans une page aspx

ASP.NET

Discussions similaires

Partager

Partager