Chosen: 비활성화된 선택 상자는 선택된 사람에게 영향을 미치지 않습니다.

안녕히 주무세요 정보만 표시되고 변경할 수 없도록 콤보를 비활성화하고 정보를 수정하고 싶을 때 활성화하는 방법

저도 이 문제가 있습니다. 전체 선택 상자(몇 가지 옵션이 아님)를 비활성화할 수 있는 방법이 있습니까? jquery 버전을 사용하고 있습니다.

나는 그것에 투표한다.
disabled="disabled"가 존중될 수 있다면 좋을 것입니다.

+1!

+100 정말 필요한 기능입니다.

1. 원래 콤보 상자가 비활성화되어 있으면 선택한 콤보도 비활성화되어야 합니다.
2. $('# 콤보').attr('비활성화','비활성화'); 선택도 비활성화해야합니다. 적용하려면 트리거 변경 이벤트도 호출해야 합니까?

+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

내가 작업 중인 프로젝트에 대해 selected를 사용하고 싶지만 이 기능이 없으면 사용할 수 없습니다.

그것에 +1. 이 기능은 선택된 것이 눈에 거슬리지 않다고 주장하기 위해 정말 필요합니다.

@danielberesh 의 조언 외에도 Chosen.prototype.keyup_checker 및 Chosen.prototype.keydown_checker의 내용을 if(!this.disabled) 검사로 묶었습니다. 그것은 비활성화된 필드에서 키 탐색을 완전히 비활성화하여 비활성화된 양식 필드처럼 완전히 작동하게 했습니다. 이 문제에 대해 올바른 방향을 제시해 준 Daniel에게 감사합니다.

+100500

이러한 제안을 구현하고 여기에 pull 요청을 보냈습니다.

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

비활성화된 양식 필드에 대한 지원이 f1e1c55에 추가되었습니다. 최신 버전으로 업데이트하십시오.

Chosen은 초기 빌드에서 비활성화 상태를 확인합니다. 그런 다음 업데이트된 필드 이벤트를 실행하여 플러그인에 변경이 있음을 알려야 합니다.

제이쿼리

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

원기

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

감사 해요!

비활성화된 '삭제' 십자 아이콘도 제거하십시오.

지적해 주셔서 감사합니다. @erundook -- 선택 항목을 제거하는 것을 잊어버렸습니다. 필드가 비활성화/재활성화될 때 삭제 아이콘을 숨기고 표시하려고 시도했지만 실제로 제대로 느껴지지 않았습니다. 대신 양식 필드가 비활성화된 경우 아이콘의 클릭 동작을 비활성화합니다. 최신 정보를 가져와서 사용해 보세요!

훌륭합니다 대단히 감사합니다

이 선택된 UI는 읽기 전용 속성이 있는 경우에도 비활성화되어야 합니다...

@sheadawson 이에 대해 홍보했습니다: https://github.com/harvesthq/chosen/pull/1014

엄청난!!! 사용하기 매우 쉽습니다.

"readonly" 속성은 sheadawson이 언급한 것과 같은 문제를 겪는 것 같습니다. 이것도 효과가 있으면 좋을 것 같아요.

안녕..
선택한 버전 1.4.2를 사용하고 있습니다.

비활성화된 다중 선택 목록 상자(서버 측에서 제어가 비활성화됨)에서 선택한 스타일은 효과가 없습니다. 언급된 모든 코드는 내가 겪은 한 이 버전에서 사용할 수 있습니다.

누구든지 나에게 더 나은 옵션을 제안 할 수 있습니까? 최대한 빨리. 제발

감사 해요
스리지스

저에게도 효과적입니다! 감사 해요!