2017-04-12 2 views
0

私はAngularJsアプリケーションでマルチプレイト・コントロールのブートストラップを実装しています。私は、以下のリンクAngularJsのデータベースからブートストラップマルチセレクトをバインドする方法

https://github.com/davidstutz/bootstrap-multiselect

http://davidstutz.github.io/bootstrap-multiselect/

複数選択コントロールは、静的なオプションについては、正常に動作しますが、私は、データベースから同じ移入したいを参照してください。私は正しい方法を見つけることができませんか?

<script type="text/javascript"> 
    $(document).ready(function() { 
       $('#multi-select-demo').multiselect({ 
         includeSelectAllOption: true 
       }); 
    }); 

<select id="multi-select-demo" class="form-control" multiple 
     ng-model="vm.ddlBuilding" ng-options="building as building.name for building in vm.arrBuildings track by building.srNo"> 
</select> 

私はスクリプトタグをコメントする場合は、すべての建物はリストと結合するが、私は、その場合にはページ上の単純な複数選択リストが表示され、ドロップダウン複数選択リストを取得傾けます。

解決方法をご提案ください。

答えて

0

idではなくclassという名前を使用できます。正常に動作しています。

<select id="multi-select-demo" class="form-control" multiple name="ddlvessel" multiple="true" class="search-box-open-up" runat="server"> 


$(document).ready(function() { 
      $('.search-box-open-up').multiselect({ 
       includeSelectAllOption: true, 
       buttonWidth: 250, 
       buttonClass: 'showhide', 
       nonSelectedText: 'Select Entities', 
       enableFiltering: true 

      }); 
     }); 
関連する問題