Wicket의 자동 완성 기능을 시각적으로 사용자 정의하십시오

Question

Wicket의 자동 완성 필드를 시각적으로 사용자 정의하려면 어떻게해야합니까 (색상, 글꼴 등 변경)?

Answer 1

CSS를 사용하여이 구성 요소의 모양을 수정할 수 있습니다. 예를 들어 당신이 할 수 있도록 1.3에서의 Ajax 자동 완성 구성 요소에 대해 재정의 할 요소는 div.wicket-AA입니다 :

div.wicket-aa { 
    background-color:white; 
    border:1px solid #CCCCCC; 
    color:black; 
} 
div.wicket-aa ul { 
    list-style-image:none; 
    list-style-position:outside; 
    list-style-type:none; 
    margin:0pt; 
    padding:5px; 
} 
div.wicket-aa ul li.selected { 
    background-color:#CCCCCC; 
} 

Answer 2

Perilandmishap은 아마 당신의 요구에 가장 유용한 해답을 가지고있다. 개인적으로, 나는 항상 Wicket의 기본 Ajax 자동 완성 컨트롤이 내 필요에 비참하게 부족하다는 것을 알았다. 자동 완성에 대한 전문적인 "느낌"을 원한다면 Wicket의 Ajax 라이브러리를 사용하십시오.