Chosen: A caixa de seleção desativada não tem efeito sobre o Escolhido

Boa noite, como posso desabilitar o combo para que apenas a informação seja mostrada mas não possa mudar e quando quero modificar a informação, eu o ativo

Eu também estou tendo esse problema. Existe alguma maneira de desativar a caixa escolhida inteira (não apenas algumas opções)? Estou usando a versão jquery.

Eu voto por isso.
Seria bom se disabled = "disabled" pudesse ser respeitado.

+1!

+100 realmente precisa desse recurso.

1. Se a caixa de combinação original estiver desabilitada, a combinação escolhida também deve ser desabilitada.
2. $ ('# combo'). attr ('disabled', 'disabled'); deve desabilitar o escolhido também. Deve chamar o evento de mudança de gatilho também para aplicar?

+1

+1

+1000
Eu preciso, por favor conserte
assim que possível.
(Estou usando a versão jQuery)

Não tenho certeza se postar isso, mas sei que é algo que as pessoas querem. Eu vim com uma solução de curativo para o problema de curto prazo. É para a versão jquery. Não sei o protótipo.

Em choice.jquery.js ...
(1) na linha 30 deve ser a chamada de função "this.set_up_html();" Adicione a linha this.disabled = $(elmn).attr('disabled'); ANTES dela.
(2) na linha 52, substitua
container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'width: ' + this.f_width + 'px;' });
com
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;' }); }

Como você pode ver, acabei de modificar a opacidade. Você pode fazer o que quiser para torná-lo esmaecido.

(3) na linha 142, você verá Chosen.prototype.container_click = function(evt) {
Adicione APÓS if( !this.disabled ) { e na linha 175 ANTES de }; adicione uma chave próxima }

dan

bloqueia apenas o clique, se você pressionar as setas de rolagem para baixo, à esquerda à direita, você pode selecionar uma opção ou fazer pesquisas

Sim, isso faz sentido. Eu acho que você apenas teria que repetir a etapa # 3 para essas funções (a tecla de seta) também (elas estão um pouco mais abaixo na página). Não sabia que você poderia usar as teclas de seta.

1 Realmente poderia usar este recurso agora.

+1

Quero usar o escolhido para um projeto no qual estou trabalhando, mas não consigo sem esse recurso.

+1 nisso. Este recurso é realmente necessário para poder afirmar que a escolha é discreta.

Além @danielberesh 's conselho, eu cercado o conteúdo de Chosen.prototype.keyup_checker e Chosen.prototype.keydown_checker com o if (! This.disabled) cheque também. Isso desabilitou completamente a navegação de teclas nos campos desabilitados para mim, o que os fez se comportar completamente como campos de formulário desabilitados. Obrigado Daniel por me apontar na direção certa neste.

+100500

Implementei essas sugestões e enviei uma solicitação de pull aqui:

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

Suporte para campos de formulário desabilitados foi adicionado em f1e1c55. Atualize para a versão mais recente.

Chosen irá verificar o status de desativado em sua construção inicial. Depois disso, você precisará disparar o evento de campo atualizado para permitir que o plug-in saiba que houve uma alteração.

jQuery

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

Protótipo

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

obrigada!

Remova também o ícone de cruz 'excluir' desativado

Obrigado por apontar isso, @erundook - esqueceu tudo sobre como remover opções. Tentei ocultar e mostrar o ícone de exclusão quando o campo foi desativado / reativado, mas não parecia certo. Em vez disso, agora estou apenas desabilitando o comportamento de clique no ícone se o campo do formulário estiver desabilitado. Puxe o mais recente e experimente!

Excelente muito obrigado

Esta IU escolhida também deve ser desabilitada quando o atributo somente leitura está presente ...

@sheadawson Fiz um PR sobre isso: https://github.com/harvesthq/chosen/pull/1014

Impressionante!!! Muito fácil de usar.

O atributo "somente leitura" parece sofrer o mesmo problema, conforme mencionado por sheadawson. Acho que seria ótimo se isso funcionasse também.

Oi..
Estou usando a versão escolhida 1.4.2

Na caixa de listagem multisseleção desabilitada (o controle é desabilitado ao carregar no lado do servidor), o estilo escolhido não tem efeito .. Todo o código mencionado está disponível nesta versão até o momento.

Alguém pode me sugerir uma opção melhor para fazer funcionar .. o mais rápido possível. por favor

Obrigado
Srijith

Funciona para mim também! Obrigado!