Forums

Can some one please help me how to get the focus for the dropdownCellEditor?

And how can I make the second dropdownCellEditor show the label when the first dropdownCellEditor is selected.

It should work as onchange event in javascript.

Recommend you look at a similar topic at http://yuilibrary.com/forum/viewtopic.php?p=26557#p26557.

Another recent posting is http://yuilibrary.com/forum/viewtopic.php?f=90&t=7946.

Part of the problem may be related to whether you are using a dropdown "formatter" versus a dropdown "editor". We can't know this without seeing the column definitions and other items.

I suggest you post a pastie link to a listing of your code so that we can review the whole thing and provide better suggestions.

Todd

Would you like the DataTable to display the "dropdown" box for both controls ALL the time, or only when the user is editing? This makes a big difference on whether you use a dropdown "formatter" or a dropdown "editor".

For example, in my apps I usually don't show the dropdown box on the basic display table ... people have a bad habit of clicking on dropdowns randomly (because they are cool) when I may not want them to. So my usual preference is to show the dropdown value (or label) in the column and only to display the dropdown combo-box when the user intends to change it ... via listening to cellDblclickEvent. Then I show the cell editor once the user dbl-clicks.

If this is the same method you want, then I would suggest using custom formatters that just display a static label in the column (based upon the dropdownOptions) AND also using custom dropdown editors on those columns initiated by cellDblClickEvent.

It really depends on what your design intent is for your DataTable display.

Not quite sure if I understand what you want to do here, I am confused why you have two columns based on the same datasource value.

If you want to show the "dropdown" ALL the time then I suggest you use a dropdown Formatter, because it show all the time and a dropdown Editor only shows when the editor is invoked (like cellClick or cellDblclick).

You can only subscribe to the "dropdownChangeEvent" by using a dropdown Formatter or your own formatter that makes an HTML select element but not using a dropdown Editor ! The function you define when subscribing (see http://developer.yahoo.com/yui/docs/YAHOO.widget.DataTable.html#event_dropdownChangeEvent) can update the cell values in a similar fashion to a cell editor. If you are using remote data you can't use the asyncSubmitter but can make a .sendRequest or Ajax to update the remote data within this subscribed function.

I created a simple jsFiddle link http://jsfiddle.net/PKsdR/2/ that includes an example of how to hookup a dropdown formatter to a table and subscribe to the dropdownChange event. When the dropdown is changed, it updates the values of three other columns based upon what was selected.

Since I can't really figure out what you are trying to do, all of these links in this posting an my prior responses should be more than enough to show you one way of doing this.

Take care,
Todd