このプロパティは、openOnHover プロパティがtrueに設定されている場合にのみ適用されます。

このプロパティのデフォルト値は trueです。

コマンドは以下の2つのメソッドを実装するオブジェクトです。

• executeCommand(parameter): このメソッドはコマンドを実行します。
• canExecuteCommand(parameter): このメソッドは、コントローラーがコマンドを実行できるかどうかを決定するブール値を返します。 このメソッドがfalseを返す場合、メニューオプションは無効になります。

また、commandPath プロパティを使用して個々の項目のコマンドを設定することもできます。

コマンドは以下の2つのメソッドを実装するオブジェクトです。

• executeCommand(parameter): このメソッドはコマンドを実行します。
• canExecuteCommand(parameter): このメソッドは、コントローラーがコマンドを実行できるかどうかを決定するブール値を返します。 このメソッドがfalseを返された場合は、メニューオプションは無効になります。

このプロパティのデフォルト値は falseです。

通常のメニューと分割ボタンの違いは、ユーザーがメニューヘッダーを クリックしたときの動作です。 通常のメニューでは、ヘッダをクリックするとメニューオプションが表示されるか、非表示になります。 分割ボタンの場合は、 ヘッダーをクリックすると、ドロップダウンリストから 項目を選択した場合と同様に、Menu.itemClicked イベントが発生したり、 最後に選択したオプションに関連するコマンドが呼び出されます。

メニュー項目のクリックと、分割ボタンのボタン部分のクリックを区別するには、 イベント送信元のMenu.isDroppedDown プロパティの値を確認します。 これがtrueの場合は、メニュー項目がクリックされました。 falseの場合は、ボタンがクリックされました。

たとえば、以下のコードは、デフォルトの項目/コマンドを変更するためにのみ ドロップダウンリストを使用し、ボタンがクリックされた場合にのみアクションを トリガする分割ボタンを実装します。

<-- view -->
<wj-menu is-button="true" header="Run" value="browser"
  item-clicked="itemClicked(s, e)">
  <wj-menu-item value="'Internet Explorer'">Internet Explorer</wj-menu-item>
  <wj-menu-item value="'Chrome'">Chrome</wj-menu-item>
  <wj-menu-item value="'Firefox'">Firefox</wj-menu-item>
  <wj-menu-item value="'Safari'">Safari</wj-menu-item>
  <wj-menu-item value="'Opera'">Opera</wj-menu-item>
</wj-menu>

// コントローラー
$scope.browser = 'Internet Explorer';
$scope.itemClicked = function (s, e) {
  // ドロップダウンでなかった場合は、ボタンがクリックされました
  if (!s.isDroppedDown) {
    alert('running ' + $scope.browser);
  }
}

マウスポインタがメニューから離れたとき、メニューが自動的に閉じるかどうかを決定する closeOnLeave プロパティを参照してください。

このプロパティのデフォルト値は false です。

この変数は、単一のメニューはいくつかの要素のコンテキストメニューとして使用する場合 wj-context-menuで設定します。