selectize.js

selectizar.js

Selectize es una personalización personalizada <select> basada en jQuery extensible; Control de UI. Es útil para etiquetar, listas de contactos, selectores de países, etc. El objetivo es proporcionar una experiencia sólida y utilizable con una API limpia y poderosa.

• Población
• Colegio de cambios
• Documentación

Características

• Las opciones de búsqueda / clasificación de opciones inteligentes se califican de manera eficiente y ordenan sobre la marcha (usando Sifter). ¿Quieres buscar el título y la descripción de un artículo? Ningún problema.
• El careto entre los artículos, el orden es importante a veces. Use las teclas de flecha ← y → para moverse entre elementos seleccionados.
• Seleccione y elimine múltiples elementos de inmediato opción de mantenga presionada en Mac o CTRL en Windows para seleccionar más de un elemento para eliminar.
• Díåcritîçs apoyó lo mejor para entornos internacionales.
• La creación de elementos permite a los usuarios crear elementos en la mosca (el ahorro de async es compatible; el control se bloquea hasta que se dispara la devolución de llamada).
• Carga de datos remotos para cuando tiene miles de opciones y desea que el servidor las proporcione como tipos de usuario.
• Limpie la interfaz API y el código con él y haga modificaciones fácilmente. ¡Las solicitudes de extracción son siempre bienvenidas!
• API de complemento extensible para desarrollar características personalizadas (usa microplugin).
• El soporte táctil juega bien con los dispositivos iOS 5+.

Dependencias

• jQuery (1.7 y mayor), como dependencia de pares
  • Nota: Se instala automáticamente en el desarrollo, o en proyectos que utilizan NPM 1 o 2. Cuando se usa NPM desde la versión 3 en ON, solo se lanza una advertencia y el usuario necesita instalar manualmente una versión explícita en su propio proyecto (por ejemplo, npm install --save [email protected] ).

Opcional:

• jQuery-ui (requerido por el complemento drag_drop )

Instalación

Seleccionar se puede instalar a través de NPM npm install @selectize/selectize

Instalación manualmente

Todos los archivos preconstruidos necesarios para usar Selectize se pueden encontrar en la carpeta "Dist".

Si está buscando comenzar con un alboroto mínimo, incluya selectize.min.js (dependencias de tamizas y microplugin de bundles, también disponibles para la depuración, simplemente elimine la parte .min ) y css/selectize.default.css .

Selectizar está disponible en CDNJS.

• js/
  • Selectize.js - con dependencias, menos jQuery
  • Selectize.min.js - con dependencias, menos jQuery
• SCSS/ - Archivos fuente SASS para personalización (Bootstrap 3+ Compatible)
• Menos/ - Menos archivos de origen para la personalización (Bootstrap 2/3 Compatible)
• CSS/
  • Selectize.css - estilos de núcleo
  • selectize.default.css - Tema predeterminado (con estilos principales)
  • Selectize.bootstrap2.css - Bootstrap 2 tema
  • Selectize.bootstrap3.css - Bootstrap 3 Tema
  • selectize.bootstrap4.css - Bootstrap 4 tema
  • Selectize.Bootstrap5.CSS - Tema de Bootstrap 5

Uso

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

Las opciones disponibles se documentan aquí.

Que contribuye

Al emitir una solicitud de extracción:

• No incluya/ comete cambios en las carpetas dist/ o lib/ para evitar conflictos de fusión. Una buena manera de incluir los archivos correctos es usar git gui o git add al comprometerse para seleccionar los archivos que desea agregar a su confirmación.

• ¡ Incluya las pruebas con su función para que no estemos tentados a romperla en el futuro!

Agregue una entrada a la parte superior del ChangeLog y actualice la documentación en docs/ según sea necesario. (Los refactores y los cambios en la documentación no necesitan una entrada de ChangeLog).

Ajuste sus compromisos juntos en uno o unos pocos compromisos lógicos completos, con un mensaje conciso y descriptivo. Una confirmación significa una característica/reflexión/cosa que ha cambiado, o una diferencia que lleva el código un paso adelante a un estado de trabajo mejor.

Una vez que su compromiso sea agradable y limpia, y desea descartar los otros cambios , puede usar git checkout . (Eso borrará los cambios en los archivos rastreados) y git clean [-i/--interactive] (para borrar archivos no seguidos). Sin embargo, tenga cuidado con esos comandos, ya que su función es borrar las cosas/cambios.

Sin embargo, tenga cuidado de no agregar el dist/ archivos en su confirmación, ya que Grunt regenera automáticamente los archivos en dist/ a medida que se cambia la fuente.

Pruebas

Asegúrese de que pasen todas las pruebas:

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

Entorno local

Para ejecutar seleccionar localmente:

npm start

Luego puede ejecutar los ejemplos en https://loopback.website:4000/ .

Licencia

Copyright © 2013–2016 Brian Reavis & Colaboradores
Copyright © 2020-2022 Seleccionar equipo y contribuyentes

Licenciado bajo la licencia Apache, versión 2.0 (la "licencia"); No puede usar este archivo, excepto de conformidad con la licencia. Puede obtener una copia de la licencia en: http://www.apache.org/licenses/license-2.0

A menos que la ley aplicable sea requerida o acordado por escrito, el software distribuido bajo la licencia se distribuye de manera "como es", sin garantías o condiciones de ningún tipo, ya sea expresas o implícitas. Consulte la licencia para los permisos y limitaciones de rigor de idioma específico bajo la licencia.