selectize.js

selectize.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からNPMを使用する場合、警告がスローされ、ユーザーは独自のプロジェクトに明示的なバージョンを手動でインストールする必要があります（ npm install --save [email protected] ）。

オプション：

• jquery-ui（ drag_dropプラグインが要求）

インストール

npm npm install @selectize/selectizeを介して[選択]をインストールできます

手動でインストールします

使用するために必要な事前に構築されたファイルはすべて、「dist」フォルダーにあります。

最小限の大騒ぎを始めたい場合は、 selectize.min.js （バンドルシフターとマイクロプギンの依存関係 - デバッグにも使用できない、 .minパーツを削除するためだけに使用できます）とcss/selectize.default.cssを含めます。

selectizeはCDNJSで利用できます。

• JS/
  • selectize.js - 依存関係を除いて、jqueryを差し引いて
  • selectize.min.js - 依存関係を除いて、jqueryをマイナスします
• SCSS/ - カスタマイズ用のSASSソースファイル（ブートストラップ3+互換性）
• Less/ - カスタマイズ用のソースファイルを減らす（ブートストラップ2/3互換性）
• CSS/
  • selectize.css - コアスタイル
  • selectize.default.css - デフォルトテーマ（コアスタイル付き）
  • selectize.bootstrap2.css -bootstrap 2テーマ
  • selectize.bootstrap3.css -bootstrap 3テーマ
  • selectize.bootstrap4.css -bootstrap 4テーマ
  • selectize.bootstrap5.css -bootstrap 5テーマ

使用法

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

利用可能なオプションはここに文書化されています。

貢献

プルリクエストを発行するとき：

• 競合をマージしないように、 dist/またはlib/フォルダーに変更を含めない/コミットしないでください。適切なファイルを含める良い方法は、コミットに追加するファイルを選択するためにコミットするときにgit guiまたはgit add使用することです。

• 機能にテストを含めて、将来それを壊したくないようにしてください！

Changelogの上部にエントリを追加し、必要に応じてdocs/のドキュメントを更新します。 （リファクタリングとドキュメントの変更は、Changelogエントリを必要としません。）

簡潔で説明的なメッセージで、1つまたはいくつかの完全な論理的なコミットでコミットを一緒につけてください。 1つのコミットとは、変更された1つの機能/bugfix/物を意味します。または、コードをより良い動作状態に一歩前進させるDIFFを意味します。

コミットが素晴らしくてきれいになり、他の変更を破棄したい場合は、 git checkout . （追跡されたファイルの変更が消去されます）とgit clean [-i/--interactive] （トラックされていないファイルを消去するには）。ただし、それらの機能は物/変更を消去することであるため、これらのコマンドには注意してください。

ただし、Sourceが変更されると、Gruntがdist/ファイルを自動的に再生するため、コミットにdist/ファイルを追加しないように注意してください。

テスト

すべてのテストが合格していることを確認してください：

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/ 4000/で例を実行できます。

ライセンス

Copyright©2013–2016 Brian Reavis＆Contributors
Copyright©2020-2022チームと貢献者を選択します

Apacheライセンス、バージョン2.0（「ライセンス」）に基づいてライセンスされています。ライセンスに準拠している場合を除き、このファイルを使用することはできません。 http://www.apache.org/licenses/license-2.0でライセンスのコピーを入手できます。

適用法で要求されていないか、書面で合意されていない限り、ライセンスに基づいて配布されたソフトウェアは、明示または黙示のいずれかの保証または条件なしに、「現状のまま」に基づいて配布されます。ライセンスに基づく権限と制限を管理する特定の言語のライセンスを参照してください。