Dojo Data Grid – Part 23: Using a ComboBox in an Editable Column
In the last post, I showed how to use a date picker in an editable column. In this post, I’ll show how you can use a ComboBox in an editable grid column. The date picker required Notes 9 to work, but the ComboBox works in 8.5.3.
Dojo Data Grid Series
There are three steps required to make this work.
1) Add the dojox.grid.cells.dijit module to the XPage. (Resources > Add > Dojo Module…)
2) Set a date column’s editable property to true and enter dojox.grid.cells.ComboBox in the column’s cellType property. (You’ll have to type it in directly — it’s not an option in the list.)
3) Provide options for the ComboBox. These can be computed with SSJS in the options property — the same way it’s done for a Select cell.
Now, you have a ComboBox, where the user can type as well as select from the list.
As the user types, the options in the list are filtered down, so this is a nice step up from the standard Select field.