問題タブ [jquery-ui-selectmenu]

jQuery UI Menuを使用して複数のドロップダウン メニューを作成する必要があります。その前に、この目的のためにjQuery UI Selectmenuを使用しました。

Selectmenu は に基づいておりselect、メソッドを使用してval()選択値を取得/設定できます。現在、メニューは ul/li に基づいているため、そのようなオプションはありません。

したがって、次の動作を何らかの方法でエミュレートする必要があります。

メニューウィジェットを拡張して、次のようないくつかのメソッドを追加しようとしました:

そして、次のように使用します。

しかし、いくつかの値を設定し、次回activeフィールドがnull.

elem.trigger('click');代わりにフォーカスイベントを使用しようとしましたが、成功しませんでした。

jQuery UI のMenuを拡張してカスタム ウィジェットを作成しました。基本的にui.selectmenu<select>のように HTML 要素を操作する必要がありますが、サブメニューにオプションを表示します。

このウィジェットが次のような複数の要素に接続されている場合に問題が発生します。

_attachEvents()問題はタイトルに記載されており、メソッドで確認できます。

1. ユーザーがクリックすると、必要に応じsomeSelectて開きます
2. ユーザーがクリックすると、anotherSelectそれも開きます
3. someSelectafter ステップ2は閉じる必要がありますが、そうではありません。

では、そのようなケースを確認してこの問題を解決するにはどうすればよいでしょうか?

編集：

1. this.originalSelect<select>HTML要素です
2. this.buttondiv要素です。選択したオプションのテキストが表示される場所 (基本的には表示されるものと同じui.selectmenu);

selectmenu で項目を選択すると、選択したオプションにテキストを追加したいと考えています。

オプションのテキストは変更したくありません.ui-selectmenu-text。要素に表示されるテキストだけを変更したいと考えています。

たとえば、オプションが

2 番目のものを選択した場合、選択メニューを表示したいOption B ("some text")

私は次のようなものを使用してみました

パーツがどこにあるか、TEST試してみた_select、_setOptionなど...

次のコードを使用すると、次のことができます。
1. 出発地の都市を選択します。都市を選択すると、次のコントロールが有効になります。
2. 行きたい都市を選択します。都市を選択すると、次のコントロールが有効になり
ます。 3. 出発する日付を選択します。

このコードはうまく機能しますが、travel_from リストで選択した都市の直後にある都市を travel_to リストで選択する場合を除きます。理由がわかりません。つまり、 travel_from -controllerで「ナポリ」を選択し、 travel_to-controllerで「パレルモ」を選択した場合、travel_from_dateは有効になりません。

<select>を使用してカスタム テキスト書式に置き換えたいjQuery UI Selectmenu。

このフィドルの 3 番目と 5 番目の選択は、私が達成しようとしていることの良い例です。

http://jsfiddle.net/fnagel/GXtpC/

フィドルにaddressFormatting()は、元のオプション テキストを受け取り、selectmenu のレンダリングに使用される html 出力を返す function が定義されています。この関数は、selectmenu の初期化でコールバックとして渡されます。

を使用してjQuery UI Selectmenu 1.11.4います。問題はformat、このバージョンにはコールバック オプションが存在しないことです。

jQuery UI Selectmenu version 1.5.0preこれは、提供されたフィドルで使用されるのコードの一部です。

そして、これは私が使用している新しいバージョンのコードの一部です:

formatオプションはここには存在せず、初期化で使用しても効果はありません。

APIドキュメントには、_renderItem()カスタムフォーマットを選択に追加するために使用できることを示唆する名前のメソッドがありますが、プライベートスコープがあるため、ウィジェットの外部からは使用できません。パブリックメソッドもありますがcreate()、作成したselectmenuの構造を変更できるかどうか、またはそれを使用する必要があるかどうかはわかりません。

selectmenu UIを使用してメニューを開く前に、選択メニューの一部のオプションを無効/有効にするにはどうすればよいですか?

beforeOpenドキュメントにイベントが表示されません。その場でアイテムを有効/無効にする方法はありますか?