rich : 자동 완성 기능으로 표시 할 텍스트를 자릅니다.

Question

내 애플리케이션에 rich : autocomplete 드롭 다운 선택기가 있습니다. 사용자가 텍스트를 입력하기 시작할 때 나타나는 드롭 다운 목록에서 선택 목록에로드 된 문자열은 드롭 다운의 전체 너비까지 행복하게 표시됩니다. 그러나 일단 선택을하면 약 34 자의 문자열 만 표시되어 최종 사용자가 입력 상자에서 전체 문자열을 보려면 왼쪽 및 오른쪽으로 스크롤해야합니다 (StackOverflow를 사용하면 나를 허용하지 않습니다) 인라인 이미지를 아직 게시하지 않음) : http://imgur.com/Y9LLaBi

다음은 프론트 엔드 XHTML 파일의 잘못된 표 셀입니다. 그것은 JSF와 richfaces 네임 스페이스를 사용하고 자동 완성 제안 목록을 작성하고 다른 비즈니스 로직을 실행하는 백업 콩이있다,하지만 난이 유일한 관련 코드 믿습니다 :

<td height="20" class="addborderright addborderbottom inputbox" colspan="4">&nbsp; 
    <!-- nb: richfaces autocomplete to ensure proper name entry --> 
    <h:message styleClass="errormsg" for="campusName" /> 
    <rich:autocomplete id="campusName" length="50" mode="client" minChars="1" 
     layout="table" autofill="true" selectFirst="true" 
     onselectitem="javascript:executeAction( 
     '#studentComplaintCampusInformationBean.formName}', 
     'populateCampusAddressFieldsLink');" 
     value="#{studentComplaintCampusInformationBean.campus.operatingName}" 
     autocompleteList="#{studentComplaintCampusInformationBean.registeredCampusNameList}" 
     style="width:370px" fetchValue="#{fn}" var="fn" maxlength="100"> 
      <rich:column>#{fn}</rich:column> 
    </rich:autocomplete> 
</td> 

드롭 다운 상자를 만들려면 왼쪽 정당화 텍스트를

<style> 
.rf-au-fnt{ 
    text-align: left; float: left; 
} 
.rf-au-lst-dcrtn .rf-au-lst-scrl { 
    width: 370px; !important 
} 
</style> 

그러나, 표시되는 텍스트의 폭에 관한 CSS 속성이있을 나타나지 않습니다 다음과 같은 CSS는 XHTML 파일의 상단에 입력 필드의 폭과 동일 입력 상자에서 최종 사용자에게 잘린 것처럼 보입니다. 입력 상자에서 사용 가능한 공간의 절반 만 채 웁니다. 누군가 제발 도와 줄 수 있니? 감사!

Answer 1

rf-au-fnt은 입력 클래스이므로 이미 재정의하고 있으므로 너비를 추가하십시오. 당신이 구성 요소에 대한 클래스를 설정 한 다음

.myAutocomplete .rf-au-fnt {text-align: left; float: left; width: 370px !important 
} 

처럼 당신이 당신이 원하지 않는 무언가를 변경하지 않는이 방법을 스타일 시트를 작성해야보다는 직접 RichFaces 클래스를 오버라이드 (override)보다 (!) 참고로

.