웹 개발에서 우리는 Baidu 및 Google과 같은 검색 기능을 만나야합니다. 그렇다면 스마트 형태의 자동 완료로 무엇을 할 수 있습니까? 아래에서 공개하겠습니다.
1. Google, Baidu 등과 같은 간단한 검색이 포함되어 있습니다.
2. 제품 번호 입력과 같은 복잡한 구조에 대한 지원 제품 번호, 제품 이름, 제품 단원, 제품 노트 등 회의 양식의 특정 위치를 작성해야합니다.
코드는 다음과 같습니다 (페이지 주소 : https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-autocomplete.html) :
자동 완료
참고 : JS 파일을 소개해야합니다
양식 생성이 완료되면 요소를 지정하여 SmartSearch 메소드를 호출하십시오.
매개 변수 설명 :
URL : 요청 된 URL
BeforeSearch : 선택 사항, 요청을 보내기 전에 호출 된 방법입니다. 이 메소드에는 전송 될 데이터가 포함 된 매개 변수 데이터가 있습니다. 전송 될 매개 변수를 추가하거나 수정 해야하는 경우 매개 변수를 다시 수정할 수 있습니다.
형식 : 선택 사항입니다. 반환 된 사람이 간단한 배열 문자열이 아닌 경우, 인터페이스에 표시된 컨텐츠를 포맷하려면 작업을 사용자 정의해야합니다. 예에서는 제품 번호 + 제품 이름이 표시됩니다.
콜백 : 선택 사항. 반환 된 배열 문자열이 간단한 배열 문자열이 아닌 경우 작업을 사용자 정의하고이를 사용하여 값을 할당해야합니다.
참고 : 인터페이스가 간단한 문자열 배열을 반환하면 형식 및 콜백을 생략 할 수 있습니다.
다음은 현지 테스트 프로젝트에서 실행하는 스크린 샷입니다.
위의 것은 Bootstrap Smart Form Practical Series (10) 편집자가 소개 한 자동 구성 요소 지원에 대한 전체 설명입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!