Chosen: 無効にした選択ボックスは、選択に影響を与えません

作成日 2011年07月25日  ·  28コメント  ·  ソース: harvesthq/chosen

選択されたdosentは、それが置き換える選択ボックスが無効になっている場合を考慮に入れます。

試作品版を使用しています。

全てのコメント28件

おやすみなさい、どうすればコンボを無効にして、情報だけが表示され、変更できないようにし、情報を変更したいときにアクティブにすることができますか?

私もこの問題を抱えています。 選択したボックス全体(いくつかのオプションだけでなく)を無効にする方法はありますか? jqueryバージョンを使用しています。

私はそれに投票します。
disable = "disabled"を尊重できればいいのにと思います。

+1!

+100は本当にその機能が必要です。

  1. 元のコンボボックスが無効になっている場合は、選択したコンボも無効にする必要があります。
  2. $( '#combo')。attr( 'disabled'、 'disabled'); 選択したものも無効にする必要があります。 適用するためにトリガー変更イベントも呼び出す必要がありますか?

+1

+1

+1000
私はそれを修正する必要があります
出来るだけ早く。
(私はjQueryバージョンを使用しています)

これを投稿しても大丈夫かどうかはわかりませんが、これは人々が望んでいることだと思います。 私はこの問題の短期的なバンドエイドの修正を思いついた。 jqueryバージョン用です。 試作品はわかりません。

selected.jquery.jsで..。
(1)30行目は、関数呼び出し"this.set_up_html();"必要があります。その前にthis.disabled = $(elmn).attr('disabled');行を追加します。
(2)52行目で、
container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'width: ' + this.f_width + 'px;' });

if( !this.disabled ) { container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'width: ' + this.f_width + 'px;' }); } else { container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'opacity:0.5;width: ' + this.f_width + 'px;' }); }

ご覧のとおり、不透明度を変更しました。 グレー表示にしたいことは何でもできます。

(3)行142にChosen.prototype.container_click = function(evt) {
if( !this.disabled ) { };追加し、175行目で}

ダン

クリックのみをブロックします。スクロール矢印を右下に押すと、オプションを選択するか、検索を実行できます。

ええ、それは理にかなっています。 これらの(矢印キー)関数についても、手順3を繰り返す必要があると思います(ページの少し下にあります)。 矢印キーが使えるとは思いませんでした。

+1今この機能を実際に使用できます。

+1

自分が取り組んでいるプロジェクトにchooseを使用したいのですが、この機能がないとできません。

その上で+1。 この機能は、選択したものが邪魔にならないことを主張できるようにするために本当に必要です。

@danielbereshのアドバイスに加えて、Chosen.prototype.keyup_checkerとChosen.prototype.keydown_checkerの内容もif(!this.disabled)チェックで囲みました。 これにより、無効なフィールドのキーナビゲーションが完全に無効になり、無効なフォームフィールドのように完全に動作するようになりました。 これについて正しい方向に私を向けてくれたダニエルに感謝します。

+100500

私はこれらの提案を実装し、ここにプルリクエストを送信しました:

https://github.com/harvesthq/chosen/pull/248

無効なフォームフィールドのサポートがf1e1c55に追加されました。 最新バージョンに更新してください。

Chosenは、初期ビルドで無効ステータスをチェックします。 その後、更新されたフィールドイベントを発生させて、プラグインに変更があったことを通知する必要があります。

jQuery

$("#original_form_field").attr('disabled', true).trigger("liszt:updated");

プロトタイプ

$("original_form_field").disabled = true;
$("original_form_field").fire("liszt:updated");

ありがとう!

無効になっている「削除」十字アイコンも削除してください

それを指摘してくれてありがとう、 @ erundook-選択肢を削除することをすべて忘れました。 フィールドが無効/再度有効になったときに削除アイコンを非表示にして表示しようとしましたが、実際には正しく感じられませんでした。 代わりに、フォームフィールドが無効になっている場合は、アイコンのクリック動作を無効にしているだけです。 最新のものを引っ張って、それを試してみてください!

よろしくお願いします

この選択されたUIは、読み取り専用属性が存在する場合にも無効にする必要があります...

@sheadawson私はそれについてPRをしました: https

素晴らしい!!! 非常に使いやすいです。

sheadawsonが述べたように、「読み取り専用」属性も同じ問題を抱えているようです。 これもうまくいったらいいなと思います。

こんにちは..
選択したバージョン1.4.2を使用しています

無効になっている複数選択リストボックス(サーバー側で制御が無効になっている)では、選択したスタイルは効果がありません。

誰かが私にそれを機能させるためのより良いオプションを提案できますか..できるだけ早く。 お願いします

ありがとう
スリジス

私にも効きます! ありがとう!

このページは役に立ちましたか?
0 / 5 - 0 評価