2015-01-22 2 views
2

에 표시 자동 완성 Primefaces 및 SelectOneMenu

  • 를 사용하여 자동 완성과 SelectOneMenu
  • 가 입력 된 텍스트를 볼 수 있는지 확인 다음과 같은 요구 사항을 Primefaces와

    1. 사용 JSF를 달성하기 위해 어떤 방법이 있나요 이미 지원되어 있으므로) 사용자가 특정 메뉴 항목을 선택할 수있는 시각적 입력 필드가 있어야합니다.

    나는 그것을 (정의) filtering, editable 입력 및 서버 측 유효성 검사의 조합이어야한다 생각,하지만 난 방법을 찾지 못했습니다.

    감사합니다.

  • +0

    고급 예제를 찾으십니까? http://www.primefaces.org/showcase/ui/input/oneMenu.xhtml. 그렇지 않으면 질문을 이해하지 못합니다. –

    +0

    감사합니다. 그것은'Editable'과'Advanded'case의 조합이어야합니다. 'Editable' 필드에'New'를 입력하십시오. 바로 그 다음에는 New York_에 자동 완성되지 않지만 _New_ 입력 만 제출합니다. '고급'예제는 동작에 맞지만 입력 필드는 초기 선택 필드 아래에 표시됩니다. 이는 발생하지 않아야합니다. 오, 자바 스크립트 코드를 피해야합니다. 그래서 남은 질문은 : 가능하거나 불가능한가요? – Christian

    답변

    1

    질문은 오래된 ofcource이지만 다른 사람들에게 도움이되므로 답변을 제공 할 것입니다.

    예 모두 가능합니다. 아래는 편집 가능한 콤보 박스의 프라임 데모 예제입니다.

    <p:outputLabel for="city" value="Editable: " /> 
        <p:selectOneMenu id="city" value="#{selectOneMenuView.city}" effect="fold" editable="true"> 
         <f:selectItem itemLabel="Select One" itemValue="" /> 
         <f:selectItems value="#{selectOneMenuView.cities}" /> 
        </p:selectOneMenu> 
    

    이 속성에 다른 속성을 추가 할 수 있으며 편집 가능한 특성과 함께 고급 특성을 얻을 수 있습니다.

    <p:outputLabel for="city" value="Editable: " /> 
        <p:selectOneMenu id="city" value="#{selectOneMenuView.city}" effect="fold" editable="true" filter="true" filterMatchMode="startsWith"> 
         <f:selectItem itemLabel="Select One" itemValue="" /> 
         <f:selectItems value="#{selectOneMenuView.cities}" /> 
        </p:selectOneMenu> 
    

    그리고 끝났습니다. 둘 다있어.

    관련 문제