問題タブ [ui-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
163 参照

angularjs - 選択した項目を ui-select の外で再利用するにはどうすればよいですか?

私は ui-select を使用しており、選択した項目を ui-select コントロールの外で使用したいと考えています。{{$select.selected.name}} を使用してみましたが、うまくいきませんでした。ng-repeats フィルターで再利用したい。

0 投票する
1 に答える
2388 参照

angularjs - angularJS valdr + ui-select 検証

この問題についてグーグルで検索しましたが、まだ適切な議論が見つかりません。フォーム ( angularJS app ) で valdr と ui select を使用していますが、ui-select がレンダリングする入力が name 属性を取得しないという問題に直面しました。これにより、angular がエラーをスローします。

そのため、同じモデルで templateCache の書き換え/変更、非表示の入力などの ui-select ディレクティブでいくつかのハックを試みましたが、結果は同じです。

ところで、このディレクティブはアプリ全体で他のディレクティブによって使用されているため、templateCache の書き換えは最悪のアプローチであり、アプリ全体をハッキングすることはできません。

誰かがこの問題に直面しましたか?

コード スニペット: http://plnkr.co/edit/sDNDDtnhi7Jxi9mtjDTl?p=preview

0 投票する
2 に答える
6900 参照

angularjs - Angular-ui ui-select - 強制的にドロップダウンを上に表示する

そのため、モバイルで簡単にアクセスできるように、画面の下部にいくつかのコントロールを固定位置に配置していますが、私の人生では、オプションのコンテンツを選択メニューの上に表示する方法がわかりません。

画面の下部にあるときにドロップダウン コンテンツが表示されなくなる

append-to-body="true"私は、壁から完全に外れていた他のものをいじってみました。これは単純なフックであるべきだと思いますが、何も見つかりません..

0 投票する
2 に答える
2247 参照

angular-ui - UI複数選択にツールチップを追加する方法

ui-select の入力ボックスにツールチップを追加しようとしましたが、機能しません。

input(type='hidden', ui-select2='userSelect2options', data-placeholder='すべてのユーザー', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', tooltip='少なくとも 1 人のユーザーを選択してください')

また、ツールチップの代わりに、上記の同じ入力タグに単純な HTMLタイトル属性を追加しました。最初はタイトルを設定できましたが、そのタイトルを変更または削除しようとすると、うまくいきません。

input(type='hidden', ui-select2='userSelect2options', data-placeholder='すべてのユーザー', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', title ='少なくとも 1 人のユーザーを選択してください')

ui-select2 の入力ボックスにツールチップを追加するには?

0 投票する
2 に答える
2281 参照

javascript - Angular ui-select のタグ付けでぼかし時にテキスト入力が失われる

状況

こんにちは!データベースからユーザーを選択するために、アプリにAngular ui-selectを使用しています。タグ付けを使用すると、ユーザーがリストに存在しない場合に新しいエントリを入力できます。

名前を書いて ENTER または TAB を押すと、新しいエントリが新しいタグとして保存されます。

1 つの小さなことを除いて、すべてが正常に機能しています。マウスでフォーカスを外すと、入力した入力が失われます。

コード

プランカー

http://plnkr.co/edit/7fSAKmj3pLeeTaid4pMH?p=preview

質問

ENTER を押すだけでなく、マウスでフォーカスアウトして、入力テキストを新しいタグとして保存するにはどうすればよいですか?

どうもありがとうございました!

0 投票する
1 に答える
3752 参照

angularjs - Angular ui-selectはぼかしを選択します

私は ui-select を使用しており、ユーザーが入力から離れてクリックしたときにリストの最初のオプションを選択したいと考えています (つまり、ui-select-search のぼかしイベント)。現在、選択ボックスは、ユーザーがタブで移動するか、選択を行うまで開いたままになります。

0 投票する
5 に答える
31044 参照

angularjs - ui-select で手動で入力されたテキストを許可する

ui-select の選択ボックスを使用しています。すべて正常に動作していますが、手動で入力したテキストを許可し、リストで使用可能な値からユーザーを制限したくありません。テキストを入力すると、リストが正しくフィルタリングされます。しかし、要素をクリックせずに次のフィールドに移動すると、テキストが破棄されます。

何か案は?

よろしくお願いします、アレックス

コードが正しくないと思うので表示したくなかったのですが、次のように要求されました。

データは に保存されformData[field.id].selectedます。field.id表示する現在のフィールドの番号です(フォームを動的に生成しています)。一意の int 値が格納されていると仮定してください。

編集 08.04.2015 私の解決策: C# コンボボックスに相当するものがないように見えることがわかりました。そこで私は先に進み、2 つの別々のフィールドを使用しました。それは私が望んでいたものではありませんが、今のところ機能します:

0 投票する
1 に答える
2000 参照

twitter-bootstrap - Bootstrapのインラインフォーム内でui-selectを使用するには?

ブートストラップ インライン フォーム内で ui-select を使用しているときに複数の問題に直面しています: http://plnkr.co/edit/tAlsDona9LS8D6KUQziS?p=preview

  1. form-group 内では、label と ui-select はインラインではありません。
  2. キャレットとテキストが重なっています。
  3. 長いコンテンツのオーバーフローここに画像の説明を入力
  4. 短いコンテンツに奇妙な背景が表示されるここに画像の説明を入力

私のプランクを見て、私を啓発してください、私は何をしているのですか?