|
0
|
1 // DATA_TEMPLATE: empty_table
|
|
|
2 oTest.fnStart( "aoColumns.bVisible" );
|
|
|
3
|
|
|
4 $(document).ready( function () {
|
|
|
5 /* Check the default */
|
|
|
6 var oTable = $('#example').dataTable( {
|
|
|
7 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
|
|
|
8 "bDeferRender": true
|
|
|
9 } );
|
|
|
10 var oSettings = oTable.fnSettings();
|
|
|
11
|
|
|
12 oTest.fnWaitTest(
|
|
|
13 "All columns are visible by default",
|
|
|
14 null,
|
|
|
15 function () { return $('#example tbody tr:eq(0) td').length == 5; }
|
|
|
16 );
|
|
|
17
|
|
|
18 oTest.fnWaitTest(
|
|
|
19 "Can hide one column and it removes td column from DOM",
|
|
|
20 function () {
|
|
|
21 oSession.fnRestore();
|
|
|
22 $('#example').dataTable( {
|
|
|
23 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
|
|
|
24 "bDeferRender": true,
|
|
|
25 "aoColumns": [
|
|
|
26 null,
|
|
|
27 { "bVisible": false },
|
|
|
28 null,
|
|
|
29 null,
|
|
|
30 null
|
|
|
31 ]
|
|
|
32 } );
|
|
|
33 },
|
|
|
34 function () { return $('#example tbody tr:eq(0) td').length == 4; }
|
|
|
35 );
|
|
|
36
|
|
|
37 oTest.fnWaitTest(
|
|
|
38 "Can hide one column and it removes thead th column from DOM",
|
|
|
39 null,
|
|
|
40 function () { return $('#example thead tr:eq(0) th').length == 4; }
|
|
|
41 );
|
|
|
42
|
|
|
43 oTest.fnWaitTest(
|
|
|
44 "The correct thead column has been hidden",
|
|
|
45 null,
|
|
|
46 function () {
|
|
|
47 var jqNodes = $('#example thead tr:eq(0) th');
|
|
|
48 var bReturn =
|
|
|
49 jqNodes[0].innerHTML == "Rendering engine" &&
|
|
|
50 jqNodes[1].innerHTML == "Platform(s)" &&
|
|
|
51 jqNodes[2].innerHTML == "Engine version" &&
|
|
|
52 jqNodes[3].innerHTML == "CSS grade";
|
|
|
53 return bReturn;
|
|
|
54 }
|
|
|
55 );
|
|
|
56
|
|
|
57 oTest.fnWaitTest(
|
|
|
58 "The correct tbody column has been hidden",
|
|
|
59 function () {
|
|
|
60 oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
|
|
|
61 },
|
|
|
62 function () {
|
|
|
63 var jqNodes = $('#example tbody tr:eq(0) td');
|
|
|
64 var bReturn =
|
|
|
65 jqNodes[0].innerHTML == "Gecko" &&
|
|
|
66 jqNodes[1].innerHTML == "Gnome" &&
|
|
|
67 jqNodes[2].innerHTML == "1.8" &&
|
|
|
68 jqNodes[3].innerHTML == "A";
|
|
|
69 return bReturn;
|
|
|
70 }
|
|
|
71 );
|
|
|
72
|
|
|
73
|
|
|
74 oTest.fnWaitTest(
|
|
|
75 "Can hide multiple columns and it removes td column from DOM",
|
|
|
76 function () {
|
|
|
77 oSession.fnRestore();
|
|
|
78 $('#example').dataTable( {
|
|
|
79 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
|
|
|
80 "bDeferRender": true,
|
|
|
81 "aoColumns": [
|
|
|
82 null,
|
|
|
83 { "bVisible": false },
|
|
|
84 { "bVisible": false },
|
|
|
85 null,
|
|
|
86 { "bVisible": false }
|
|
|
87 ]
|
|
|
88 } );
|
|
|
89 },
|
|
|
90 function () { return $('#example tbody tr:eq(0) td').length == 2; }
|
|
|
91 );
|
|
|
92
|
|
|
93 oTest.fnWaitTest(
|
|
|
94 "Multiple hide - removes thead th column from DOM",
|
|
|
95 null,
|
|
|
96 function () { return $('#example thead tr:eq(0) th').length == 2; }
|
|
|
97 );
|
|
|
98
|
|
|
99 oTest.fnWaitTest(
|
|
|
100 "Multiple hide - the correct thead columns have been hidden",
|
|
|
101 null,
|
|
|
102 function () {
|
|
|
103 var jqNodes = $('#example thead tr:eq(0) th');
|
|
|
104 var bReturn =
|
|
|
105 jqNodes[0].innerHTML == "Rendering engine" &&
|
|
|
106 jqNodes[1].innerHTML == "Engine version"
|
|
|
107 return bReturn;
|
|
|
108 }
|
|
|
109 );
|
|
|
110
|
|
|
111 oTest.fnWaitTest(
|
|
|
112 "Multiple hide - the correct tbody columns have been hidden",
|
|
|
113 function () {
|
|
|
114 oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
|
|
|
115 },
|
|
|
116 function () {
|
|
|
117 var jqNodes = $('#example tbody tr:eq(0) td');
|
|
|
118 var bReturn =
|
|
|
119 jqNodes[0].innerHTML == "Gecko" &&
|
|
|
120 jqNodes[1].innerHTML == "1"
|
|
|
121 return bReturn;
|
|
|
122 }
|
|
|
123 );
|
|
|
124
|
|
|
125
|
|
|
126 oTest.fnComplete();
|
|
|
127 } ); |
