Start Building Professional
Web Apps Today

Selecting string in a header's input.

I have a grid with header. Header has inputs for seach strings. Inputs add to header so (";;" is delimiter):

    headerAttach += ";;";
    headerAttach += '<table width="95%"><tr><td><input id="organization_filter_box" style="width: 100%;" style="border:1px solid gray;" onClick="(arguments[0]||window.event).cancelBubble=true;" onKeyUp="filterUpdate(event)"></td></tr></table>';
...
columnNames = "...";
grid.setHeader(columnNames);
...
grid.attachHeader(headerAttach);

Selecting string in input is not working with keyboard and mouse. Need for IE.

The in-grid selection blocked by components code.

You can enable it for header zone in IE by
          grid.hdr.onselectstart=function(){ return event.cancelBubble=true; };

This code may be added in any moment after grid initialization.