selectize.js

js를 선택합니다

selectize는 확장 가능한 jQuery 기반 사용자 정의 <select> 입니다. UI 제어. 태깅, 연락처 목록, 국가 선택기 등에 유용합니다. 목표는 깨끗하고 강력한 API로 견고하고 사용 가능한 경험을 제공하는 것입니다.

• 시민
• changelog
• 선적 서류 비치

특징

• 스마트 옵션 검색 / 순위 옵션은 효율적으로 점수를 매기고 날개를 정렬합니다 (Sifter 사용). 항목의 제목 과 설명을 검색하고 싶으십니까? 괜찮아요.
• 항목 순서 사이의 캐럿은 때때로 문제가됩니다. ← 및 → 화살표 키를 사용하여 선택한 항목 사이를 이동하십시오.
• 한 번에 여러 항목을 선택하고 삭제하여 Windows의 Mac 또는 Ctrl 에서 옵션을 누르십시오.
• Díåcritîçs는 국제 환경에서 훌륭한 지원을 받았습니다 .
• 품목 생성을 통해 사용자는 즉시 항목을 즉시 생성 할 수 있습니다 (비동기 절약이 지원되고 콜백이 발사 될 때까지 제어 잠금 장치).
• 수천 개의 옵션이 있고 서버에서 사용자 유형으로 제공하는 경우 원격 데이터로드 .
• API 및 코드 인터페이스를 정리 하고 쉽게 수정하십시오. 풀 요청은 항상 환영합니다!
• 맞춤형 기능을 개발하기위한 확장 가능한 플러그인 API (Microplugin 사용).
• 터치 지원은 iOS 5+ 장치로 훌륭합니다.

의존성

• 동료 의존성으로 jQuery (1.7 이상)
  • 참고 : NPM 1 또는 2를 사용하여 개발 또는 프로젝트에 자동으로 설치됩니다. 버전 3 ON에서 NPM을 사용하면 경고만으로 경고가 발생하고 사용자는 자체 프로젝트에 명시 적 버전을 수동으로 설치해야합니다 (예 : npm install --save [email protected] ).

선택 과목:

• jQuery-UI ( drag_drop 플러그인에 의해 요구됨)

설치

npm npm install @selectize/selectize 를 통해 설치할 수 있습니다

수동으로 설치

Selectize를 사용하는 데 필요한 모든 사전 구축 된 파일은 "Dist"폴더에서 찾을 수 있습니다.

최소한 css/selectize.default.css 소란으로 시작하려면 selectize.min.js (Bundles Sifter 및 Microplugin 의존성-디버깅 .min 위해 사용되지 않으면.

selectize는 cdnjs에서 사용할 수 있습니다.

• JS/
  • selectize.js - 종속성, 마이너스 jQuery
  • selectize.min.js - 종속성, jQuery를 빼고
• SCSS/ - 사용자 정의 용 SASS 소스 파일 (Bootstrap 3+ 호환 가능)
• Less/ - 사용자 정의 용 소스 파일이 적습니다 (Bootstrap 2/3 호환)
• CSS/
  • selectize.css - 핵심 스타일
  • selectize.default.css - 기본 테마 (핵심 스타일 포함)
  • SELLICE.BOTSTRAP2.CSS- 부트 스트랩 2 테마를 선택하십시오
  • SELLICE.BOOTSTRAP3.CSS- 부트 스트랩 3 테마를 선택하십시오
  • selectize.bootstrap4.css -bootstrap 4 테마를 선택하십시오
  • SELPINE.BOOTSTRAP5.CSS- 부트 스트랩 5 테마를 선택하십시오

용법

 $ ( "select" ) . selectize ( options ) ;

사용 가능한 옵션은 여기에 문서화되어 있습니다.

기여

풀 요청을 발행 할 때 :

• 합병 충돌을 피하기 위해 dist/ 또는 lib/ 폴더에 변경 사항을 포함시키지 마십시오 . 올바른 파일을 포함시키는 좋은 방법은 커밋에 추가 할 파일을 선택할 때 git gui 또는 git add 사용하는 것입니다.

• 우리가 미래에 그것을 깨고 싶은 유혹이되지 않도록 당신의 기능이 포함 된 테스트를 포함 시키 십시오!

ChangeLog 상단에 항목을 추가하고 문서를 docs/ 필요에 따라 업데이트하십시오. (Refactors 및 Documentation Changes는 ChangElog 항목이 필요하지 않습니다.)

간결하고 설명적인 메시지와 함께 하나 또는 몇 가지 완전한 논리적 커밋으로 커밋을 함께 스쿼시하십시오. 하나의 커밋은 하나의 기능/버그 픽스/가 변경된 것을 의미하거나, 코드를 한 걸음 더 나은 작업 상태로 가져 오는 차이가 있습니다.

커밋이 좋고 깨끗하고 다른 변경 사항을 폐기 하려면 git checkout . (추적 파일의 변경 사항을 지우게됩니다) 및 git clean [-i/--interactive] (추적되지 않은 파일을 지우기 위해). 그러나 그들의 기능은 사물/변화를 지우는 것이기 때문에 이러한 명령에주의하십시오.

그러나 Grunt는 소스 dist/ 변경 될 때 파일을 자동으로 재생성하므로 커밋에 dist/ Files를 추가하지 않도록주의하십시오.

테스트

모든 테스트가 통과해야합니다.

npm test # defaults to ChromHeadless
BROWSERS=Firefox npm test
BROWSERS=Firefox,Chrome npm test
BROWSERS=Firefox,Chrome,Safari npm test 

지역 환경

로컬로 선택하려면 :

npm start

그런 다음 https://loopback.website:4000/ 에서 예제를 실행할 수 있습니다.

특허

Copyright © 2013–2016 Brian Reavis & Contributors
Copyright © 2020-2022 팀 및 기고자 선택

Apache 라이센스, 버전 2.0 ( "라이센스")에 따라 라이센스가 부여되었습니다. 라이센스를 준수하는 것 외에는이 파일을 사용할 수 없습니다. http://www.apache.org/licenses/license-2.0에서 라이센스 사본을 얻을 수 있습니다.

해당 법률에 의해 요구되거나 서면에 동의하지 않는 한, 라이센스에 따라 배포 된 소프트웨어는 명시 적 또는 묵시적 보증 또는 조건없이 "그대로"기준으로 배포됩니다. 라이센스에 따른 특정 언어 통치 권한 및 제한 사항에 대한 라이센스를 참조하십시오.