この記事では、いくつかの実際のプロジェクトでコンポーネントBootstrap select2の使用を要約します。それはあなたと共有されます。困っている友人はそれから学び、迂回を避けることができます。特定のコンテンツは次のとおりです
複製画像:
固定された方法でデータを取得するか、AJAX、bootstrap.js/css、select2.js/cssを取得するかどうか。
{{styleSheet_link( 'css/bootstrap.css')}}}} {{styleSheet_link( 'css/select2.min.css')}}}}} {{{stylesheet_link( 'css/font-awemesome.min.css' {{{{{{{{{{ styleSheet_link( 'css/prettify.css')}}} {{javascript_include( 'js/lib/jquery.js')}} {{{js/lib/select2.full.js ')}}} {{{{{{{ javascript_include( 'js/lib/bootstrap.js')}} <div> <div> <section id = "tags"> <div> <p> <select multions = "multisty"> <option selected = "selected"> option> <option> white </option> <option> <option> <option> <option> "選択</div> </section> </div> </div>取得する方法を修正しました:
$( "。js-example-tags")。select2({tags:true、// tag createSearchChoice:function(項、data){alert(1); if($(data).filter(function(){return this.text.localecompare(項)= ========})。複数:true、data:[{id:0、text: 'story'}、{id:1、text: 'bug'}、{id:2、text: 'task'}]});ajaxメソッドを入手してください:
$( "。js-example-tags")。select2({//タグ付けタグ:true、//リモートデータの読み込み// https://select2.github.io/options.html#ajax ajax:{url: "ask2/タグ"、プロセス救済:= dataul.log){console.lg(smad){console.log) [](var x){arr.push [x]);説明します
ajaxのデータ戻り形式は次のようになります。
対応するPHPコードの例
... $ p1 = array(id => "1"、text => "java"); $ p2 = array(id => "2"、text => "jvm"); $ test = array(1 => $ p1,2 => $ p2); $ params ['ressonsedata'] = $ test; $ this-> view-> disable();親を返す:: ajaxResponse($ params);
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記は、select2の使用方法の紹介です。すべての人の学習に役立つことを願っています。