Add an optional set_hook argument to defineProperty.

chrome/browser/resources/shared/js/cr/ui/menu.js

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('cr.ui', function() {
 
   const MenuItem = cr.ui.MenuItem;
 
   /**
    * Creates a new menu element.
    * @param {Object=} opt_propertyBag Optional properties.
    * @constructor
    * @extends {HTMLMenuElement}
    */
   var Menu = cr.ui.define('menu');
 
   Menu.prototype = {
     __proto__: HTMLMenuElement.prototype,
 
     /**
      * Initializes the menu element.
      */
     decorate: function() {
       this.addEventListener('mouseover', this.handleMouseOver_);
       this.addEventListener('mouseout', this.handleMouseOut_);
 
+      this.selectedIndex = -1;
+
       // Decorate the children as menu items.
       var children = this.children;
       for (var i = 0, child; child = children[i]; i++) {
         cr.ui.decorate(child, MenuItem);
       }
     },
 
     /**
      * Walks up the ancestors until a menu item belonging to this menu is found.
      * @param {Element} el
@@ skipping 20 matching lines @@
     /**
      * Handles mouseout events and deselects any selected item.
      * @param {Event} e The mouseout event.
      * @private
      */
     handleMouseOut_: function(e) {
       this.selectedItem = null;
     },
 
     /**
-     * The index of the selected item.
+     * Called by cr.defineProperty when the selectedIndex property changes.
      * @type {boolean}
      */
-    // getter and default value is defined using cr.defineProperty.
-    set selectedIndex(selectedIndex) {
-      if (this.selectedIndex_ != selectedIndex) {
-        var oldSelectedItem = this.selectedItem;
-        this.selectedIndex_ = selectedIndex;
-        if (oldSelectedItem)
-          oldSelectedItem.selected = false;
-        var item = this.selectedItem;
-        if (item)
-          item.selected = true;
-
-        cr.dispatchSimpleEvent(this, 'change');
-      }
+    set _selectedIndexChange(selectedIndex,oldSelectedIndex) {

[arv (Not doing code reviews), 2011/02/10 20:18:31]

Google style is to use trailing underscore

[arv (Not doing code reviews), 2011/02/10 20:18:31]

whitespace after ,

[arv (Not doing code reviews), 2011/02/10 20:18:31]

Shouldn't this be a function to work as set hook?

...also there is no need to put this on the prototype.

Just create a local function inside the "define" scope.

[nduca, 2011/02/10 20:47:17]

Wow, major fail on my part. :)

On 2011/02/10 20:18:31, arv wrote:

+      var oldSelectedItem = this.chidren[oldSelectedIndex];
+      if (oldSelectedItem)
+        oldSelectedItem.selected = false;
+      var item = this.selectedItem;
+      if (item)
+        item.selected = true;
     },
 
     /**
      * The selected menu item or null if none.
      * @type {cr.ui.MenuItem}
      */
     get selectedItem() {
       return this.children[this.selectedIndex];
     },
     set selectedItem(item) {
@@ skipping 48 matching lines @@
       }
 
       return false;
     }
   };
 
   /**
    * The selected menu item.
    * @type {number}
    */
-  cr.defineProperty(Menu, 'selectedIndex', cr.PropertyKind.JS, -1);
+  cr.defineProperty(Menu, 'selectedIndex', cr.PropertyKind.JS,
+      Menu.prototype._selectedIndexChange);

[arv (Not doing code reviews), 2011/02/10 20:18:31]

selectedIndexChanged

 
   // Export
   return {
     Menu: Menu
   };
 });