Input fields in a toolbar

Input fields in a toolbar

cha59cha59 Posts: 81Questions: 21Answers: 0

I'm trying to put html input fields for filtering into a toolbar (to save space). I've succeded in putting the fields into the toolbar floating left, so they ar next to the search field, but they do not work, when they are inside a toolbar. They work fine outside the toolbar. I cannot find any examples of this in all your fine examples. I can see the input fields and I can type into them, but they do not filter.
Any ideas?

dom: '<"toolbar">Bfrtip',//Stort B tillader Buttons at dannes
    fnInitComplete: function(){
           $('div.toolbar').html('<tbody><tr><td> Lærer: </td><td align="center"><input type="text" class="column_filter" id="col5_filter"></td><td> Hold: </td><td align="center"><input type="text" class="column_filter" id="col6_filter"></td></tr></tbody>');


This question has an accepted answers - jump to answer


  • kthorngrenkthorngren Posts: 14,536Questions: 25Answers: 3,454
    Answer ✓

    I believe the problem is due to initiating the input handler before the inputs are in place so they are not attaching to the inputs. Move your input handler code into initComplete after $('div.toolbar').html(..);.


  • cha59cha59 Posts: 81Questions: 21Answers: 0

    Hi Kevin
    Thanks a lot. It works fine.

Sign In or Register to comment.