SMART datagrid v1.4 > Examples

Back  Forward

List Editors 2  Example

리스트 셀 에디터는 드랍다운 리스트에 표시한 아이템들을 사용자에게 선택하게 하는 방법 외에 사용자로부터 직접 입력을 받아 값을 갱신할 수도 있다. 이 때 사용자의 입력을 좀 더 편하게 하기 위해 ListCellEditor.partialMatchListCellEditor.narrowSearch 옵션을 사용한다. 

1. Partial Match

partialMatch 옵션은 한글 항목들을 표시하는 리스트에서 한글 초성으로 검색할 수 있게 해주는 옵션이다. 예를 들어 리스트 중 '알바니아'를 선택하고 싶은 경우 '알바니아' 대신 'ㅇㅂㄴㅇ'로만 입력해도 '알바니아'가 선택된다. 아래 예제에서 'Partial True' 컬럼은 partialMatch 옵션이 true'Partial False' 컬럼은 partialMatch 옵션이 false로 설정되어 있다. 

Grid - 1
0 rows
2. Narrow Search

narrowSearch 옵션은 사용자가 입력이 가능한 ListCellEditor에서 사용자가 입력을 할 때 입력값을 포함하는 항목들만 드롭다운 리스트에 표시되도록 하는 기능이다. 예를 들어 '알바니아'를 입력하기 위해 '알'이라는 단어를 입력하면 해당 단어로 시작하는 '알제리'와 '알바니아'만이 리스트에 나타난다. 아래 예제에서 'Narrow True' 컬럼은 narrowSearch 옵션이 true, 'Narrow False' 컬럼은 narrowSearch 옵션이 false로 설정되어 있다. 

Grid - 2
7 rows

소스보기 JSP 

See Also
ListCellEditor.partialMatch
ListCellEditor.narrowSearch
Examples
리스트 편집기들
Text Cell Editors
Number Cell Editor
Date Cell Editor
셀 편집