0

asp.net webフォームアプリケーションでブートストラップmultiselectコンポーネントを使用しています。最初のページの読み込みには問題ありませんが、不思議なことに、ページのポストバック/更新パネルが内容を更新した後で作業をやめてください。外見は問題ありませんが、動作は正しくありません。ブートストラップポストバック後にマルチセレクションが動作しなくなる

+0

これを行うためのスクリプトまたはJavaScript関数がありますか? –

+0

@Akash、ブートストラップのドキュメントに従って、以下のスクリプトを使用して、リストボックスの複数選択オプションを有効にします。 '$( '[ID * = ddlProducts]')複数選択({ enableFiltering:。 nonSelectedText、 'すべて選択': 'テキスト'、 includeSelectAllOption:真、 includeFilterClearBtn:真、 selectAllText、 filterBehavior true 'に filterPlaceholder: 'Search Manufacturers'、 selectedClass:null )); – NJAC

答えて

0

スクリプト]セクションに次のコードを追加します。あなたのスクリプトで

var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     prm.add_endRequest(function() { 
'$('[id*=ddlProducts]').multiselect({ enableFiltering: true, filterBehavior: 'text', includeSelectAllOption: true, includeFilterClearBtn: true, selectAllText: 'Select All', nonSelectedText: 'Select Manufacturers', filterPlaceholder: 'Search Manufacturers', selectedClass: null }); 
} 
+0

@amin私はこれを試してみましたが、私の場合は機能しませんでした。 'Sys.WebForms.PageRequestManager.getInstance()。add_endRequest(EndRequestHandler); (SelectAllText:SelectAllText: 'Select All'、nonSelectedText:true、filterBehavior: 'text'、includeSelectAllOption:true、includeFilterClearBtn:true、selectAllText: 'すべて選択'、nonSelectedText: 'Select Manufacturer'、filterPlaceholder: 'Search Manufacturers'、selectedClass:null});} ' – NJAC

+0

あなたはこれをどこに置いたか教えていただけますか? –

+0

タグを閉じた後にこのコードを書いています。 – NJAC

1

をこのコードを入れてください。これは、ブートストラップ制御がすべてのページの読み込み時にリバウンドする必要があるために発生します。

<script> 

     $(document).ready(function() { 
      Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(PageLoaded) 
     }); 

     function PageLoaded(sender, args) { 

      $(".DDLmultiple").multiselect({ 
        includeSelectAllOption: true 
       }); 
     } 
    </script> 
関連する問題