23cd677413
- 컴포넌트 등록을 useEffect → 즉시 실행으로 변경 (3개 컴포넌트) - entity-search-input tableName 검증 추가 (FE/BE) - DynamicComponentRenderer에서 componentConfig props 전달 수정 - EntitySearchModal key prop 경고 해결 - 불필요한 ScreenDesigner 렌더링 코드 제거 Fixes: 컴포넌트 미등록 에러, tableName undefined 500 에러, React key 경고 |
||
|---|---|---|
| .. | ||
| AutocompleteSearchInputComponent.tsx | ||
| AutocompleteSearchInputConfigPanel.tsx | ||
| AutocompleteSearchInputRenderer.tsx | ||
| README.md | ||
| index.ts | ||
| types.ts | ||
README.md
AutocompleteSearchInput 컴포넌트
자동완성 드롭다운 방식의 엔티티 검색 입력 컴포넌트입니다.
특징
- 타이핑하면 즉시 드롭다운 표시
- 빈 값일 때 전체 목록 조회
- 추가 정보 표시 가능
- X 버튼으로 선택 초기화
- 외부 클릭 시 자동 닫힘
사용 예시
<AutocompleteSearchInputComponent
tableName="customer_mng"
displayField="customer_name"
valueField="customer_code"
searchFields={["customer_name", "customer_code"]}
placeholder="거래처명 입력"
showAdditionalInfo
additionalFields={["customer_code", "address"]}
value={selectedCode}
onChange={(code, fullData) => {
console.log("선택됨:", code, fullData);
}}
/>
설정 옵션
tableName: 검색할 테이블명displayField: 표시할 필드valueField: 값으로 사용할 필드searchFields: 검색 대상 필드들placeholder: 플레이스홀더showAdditionalInfo: 추가 정보 표시 여부additionalFields: 추가로 표시할 필드들