/** * @class YAHOO.ext.grid.SelectEditor * @extends YAHOO.ext.grid.CellEditor Creates an editor out of an existing select field. You can create the select element through DOM in Javascript and pass it to the SelectEditor's constructor <b>or</b> an easier way is like this: <br><br> Define the select field in your document, giving it the ygrid-editor class. <pre><code> <select id="light" class="ygrid-editor"> <option value="Shade">Shade</option> <option value="Mostly Shady">Mostly Shady</option> <option value="Sun or Shade">Sun or Shade</option> <option value="Mostly Sunny">Mostly Sunny</option> <option value="Sunny">Sunny</option> </select> </code></pre> Create the SelectEditor object, passing in the id of your select field. <pre><code> var editor = new YAHOO.ext.grid.SelectEditor('light'); </code></pre> For more information on using this editor, see <a href="http://www.jackslocum.com/yui/2006/09/10/adding-built-in-editing-support-to-the-yahoo-ui-extensions-grid/">this blog post</a>. * @constructor * Create a new SelectEditor * @param {HTMLElement/String} element */ YAHOO.ext.grid.SelectEditor = function(element){ element.hideFocus = true; YAHOO.ext.grid.SelectEditor.superclass.constructor.call(this, element); this.element.swallowEvent('click'); }; YAHOO.extendX(YAHOO.ext.grid.SelectEditor, YAHOO.ext.grid.CellEditor); YAHOO.ext.grid.SelectEditor.prototype.fitToCell = function(box){ if(YAHOO.ext.util.Browser.isGecko){ box.height -= 3; } this.element.setBox(box, true); };