이 플런저 (select2 + angulat-ui)를 작동시키는 데 문제가 있습니다.
http://plnkr.co/edit/NkdWUO?p=preview
로컬 설정에서 select2 작업을 얻었지만 docs에 설명 된대로 너비를 설정할 수 없습니다 . 사용하기에는 너무 좁습니다.
감사합니다.
편집 : plnkr을 신경 쓰지 마십시오. 여기에서 작동하는 바이올린을 찾았습니다
http://jsfiddle.net/pEFy6/
첫 번째 요소의 너비로 축소되는 것은 select2의 동작 인 것처럼 보입니다. bootstrap을 통해 너비를 설정할 수 있습니다 class="input-medium".angular-ui가 구성 매개 변수를 사용하지 않는 이유를 아직 모릅니다.
답변
요소 너비를 유지하려면 분석 할 속성 너비를 지정해야합니다.
$(document).ready(function() {
$("#myselect").select2({ width: 'resolve' });
});답변
필자의 경우 약이 없거나 더 많으면 select2가 올바르게 열립니다.
그러나 하나 이상의 알약이 있고 모든 알약을 삭제하면 가장 작은 너비로 줄어 듭니다. 내 해결책은 간단했습니다.
$("#myselect").select2({ width: '100%' }); 답변
이것은 오래된 질문이지만 새로운 정보는 여전히 게시 가치가 있습니다 …
Select2 버전 3.4.0부터는 dropdownAutoWidth문제를 해결하고 모든 이상한 경우를 처리 하는 속성 이 있습니다. 기본적으로 설정되어 있지 않습니다. 사용자가 선택하면 동적으로 크기가 조정되고 allowClear해당 속성이 사용되는 경우 너비가 추가 되고 자리 표시 자 텍스트도 올바르게 처리합니다.
$("#some_select_id").select2({
dropdownAutoWidth : true
});답변
select2 V4.0.3
<select class="smartsearch" name="search" id="search" style="width:100%;"></select>답변
select2의 4.0 이상으로
$("select").select2({
dropdownAutoWidth: true
});이 다른 사람들은 작동하지 않았습니다.
- dropdownCssClass : ‘bigdrop’
- 폭 : ‘100 %’
- 폭 : ‘해결’
답변
다음과 같이 스크립트에 메소드 컨테이너 CSS를 추가하십시오.
$("#your_select_id").select2({
containerCss : {"display":"block"}
});선택 너비를 div 너비와 동일하게 설정합니다.
답변
너비를 ‘해결’로 설정하면 효과가 없었습니다. 대신, 나는 선택에 “width : 100 %”를 추가하고 다음과 같이 CSS를 수정했습니다.
.select2-offscreen {position: fixed !important;}
이것은 나를 위해 일한 유일한 솔루션이었습니다 (내 버전은 2.2.1입니다) 귀하의 선택은 가능한 모든 장소를 차지할 것입니다.
class="input-medium"
창 크기를 조정 한 후에도 선택이 항상 컨테이너에 유지되기 때문에 부트 스트랩에서 (응답)
