combo uneditable in the header
I am placing a combo box in the second row of the header. The purpose of the combo is to provide search capability. This is working fine. However, I also want the combo to be editable so that I can type into it and as I type each letter, a dynamic search on the grid can be performed.
I can not seem to get the combo editable within the header cell. Any help would be greatly appreciated!
Joel
September 13,
can someone please take a look at this? It is very important for me> Does anyone know if this is possible to do? Am I missing something obvious?
Any help would be extremely appreciated!
Joel
September 18,
The combo template currently will not work inside the header due to the missing focus/selection support in the grid. With some tweaking it is possible to use combo control instead -
var combo = new AW.UI.Combo;
combo.setControlText("abc");
combo.setItemText(["item1", "item2", "item3"]);
combo.setItemCount(3);
combo.onControlValidated = function(text){
window.status = text;
}
var obj = new AW.Grid.Extended;
obj.setCellData("cell");
obj.setHeaderText("header");
obj.setColumnCount(10);
obj.setRowCount(10);
obj.setCellEditable(true);
obj.setHeaderCount(2);
obj.setHeaderTemplate(combo, 1, 1);
combo.setAttribute("aw", "control");
document.write(obj);
When using controls in several header cells you need to create separate instance for each cell (i.e. it does not work as a 'template').
Alex (ActiveWidgets)
September 18,
Thanks Alex.
Was looking for this.
BTW, it also works for an input box in the header.
Thanks,
Ankur
Ankur Motreja
September 21,