1 // DATA_TEMPLATE: dom_data
2 oTest.fnStart( "bLengthChange" );
4 $(document).ready( function () {
5 /* Check the default */
6 $('#example').dataTable();
9 "Length div exists by default",
11 function () { return document.getElementById('example_length') != null; }
15 "Four default options",
17 function () { return $("select[name=example_length] option").length == 4; }
24 var opts = $("select[name='example_length'] option");
25 return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 &&
26 opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100;
31 "Info takes length into account",
33 function () { return document.getElementById('example_info').innerHTML ==
34 "Showing 1 to 10 of 57 entries"; }
37 /* Check can disable */
39 "Change length can be disabled",
42 $('#example').dataTable( {
43 "bLengthChange": false
46 function () { return document.getElementById('example_length') == null; }
50 "Information takes length disabled into account",
52 function () { return document.getElementById('example_info').innerHTML ==
53 "Showing 1 to 10 of 57 entries"; }
56 /* Enable makes no difference */
58 "Length change enabled override",
61 $('#example').dataTable( {
65 function () { return document.getElementById('example_length') != null; }