Bonjour
J'ai fais un fichier javascript pour créer un table avec tri et filtre. Je veux en faire un plugin. Mais comme c'est mon premier, ça ne marche pas ... et je ne sais pas pourquoi.
Code javascript : 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 var sortNone = 'ui-icon-carat-2-n-s'; var sortAsc = 'ui-icon-carat-1-n'; var sortDesc = 'ui-icon-carat-1-s'; var active = 'ui-state-active'; (function ($) { $.fn.TableFullOption = function (options) { // This is the easiest way to have default options. var settings = $.extend({ // These are the defaults. Head: "", Body: "" }, options); GetTable( this); return this; }; function GetTable( divTable) { var col =[]; col.push({ "ColName": "Nom","SQLName":"Name"}); col.push({ "ColName": "Matière principale","SQLName":"Major" }); BuildTable(col, divTable); } function BuildTable(TableStruct, divTable) { var tab = '<table id="large" ><thead>'; var thead1 = '<tr>'; for (var post = 0; post < TableStruct.length; post++) { thead1 += '<th >' + TableStruct[post].ColName +</th>'; } tab += thead1 + '</tr></table>'; divTable.html(tab); } }(jQuery));
Dans mon fichier aspx :
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 <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="/script/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="/script/jquery-ui-1.10.4.custom.min.js"></script> <script type="text/javascript" src="/script/MsgResult.js" ></script> <script type="text/javascript" src="/TableFullOptionPerso/Script/TableFullOptionPlugin.js"></script> <link href="/CSS/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" /> <link href="/TableFullOptionPerso/Table.css" rel="stylesheet" /> <script type="text/javascript"> $('#divTable').TableFullOption({ Head: '/TableFullOptionPerso/TablePlugin.aspx/GetStructTable' }); </script> </head> <body> <div id="divTable"></div> <div id="MsgBack" title="Download complete"> </div> </body> </html>
J'arrive bien à divTable.html(tab); mais rien ne se passe ma page reste vide.
Quand je regarde le code source :. Mon table n'est pas ajoutée, alors que sur ma version sans plugin, ça marche.<div id="divTable"></div>
Je pense qu'il doit avoir un problème sur la définition du this
Partager