I am using a thing called editablegrid which is mostly javascript.
I've got it working pretty well displaying my data in an editable grid but there's a couple of niggles that are driving me mad.
One is that the setting for the number of lines to be displayed in the grid doesn't work. I can set the number of lines in the code but I can't select it with the displayed selector.
The HTML has:-
<label for="pagecontrol">Rows per page: </label> <select id="pagesize" name="pagesize"> <option value="5">5</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="40">40</option> <option value="50">50</option> </select>
Which displays the numbers one can select OK.
Then, in the javascript is the following:-
$("#pagesize").val(pageSize).change(function() { editableGrid.setPageSize($("#pagesize").val()); });
In the demo it works perfectly, in my copy it doesn't work at all. One can select a value but nothing changes.
How can I debug this? There are no errors in the Browser Console (firefox) nor in the apache log. It's as if the hooks are not being set but other hook functions in the initialisation are working OK.
Can I set a break point or something on the select and see what gets called?