Bootstrap Multiselect在回發後停止工作

我們正在使用asp.net web窗體應用程序中的bootstrap multiselect組件。它在首頁加載時工作正常，但好奇的是，在頁面回發/更新面板更新內容後停止工作。外觀很好，但行爲不是。Bootstrap Multiselect在回發後停止工作

來源

2016-05-13 NJAC

你有任何腳本或JavaScript函數來做到這一點？ –

@Akash，根據我們在腳本下使用的引導文檔啓用列表框的多選選項。 '$（ '[ID * = ddlProducts]'）多選（{ enableFiltering：真實， filterBehavior： '文本'， includeSelectAllOption：真實， includeFilterClearBtn：真實， selectAllText： '全選'， nonSelectedText：「選擇製造商'， filterPlaceholder：'搜索製造商'， selectedClass：null }）;' – NJAC

把這個代碼在腳本

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 }); 
}

來源

2016-05-13 12:23:30

@amin我試過這個，它沒有用在我的情況。 'Sys.WebForms.PageRequestManager.getInstance（）add_endRequest（EndRequestHandler）;函數EndRequestHandler（sender，args）{$（'[id * = ddlProducts]'）。multiselect（{enableFiltering：true，filterBehavior：'text'，includeSelectAllOption：true，includeFilterClearBtn：true，selectAllText：'Select All'，nonSelectedText： 'Select Manufacturers'，filterPlaceholder：'Search Manufacturers'，selectedClass：null}）;}' – NJAC

你能告訴我你把這個放在哪裏嗎？@NJAC –

我在關閉標記後放這段代碼。 – NJAC

添加以下代碼在腳本部分。發生這種情況是因爲引導程序控制必須在每次頁面加載時反彈。

<script> 

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

     function PageLoaded(sender, args) { 

      $(".DDLmultiple").multiselect({ 
        includeSelectAllOption: true 
       }); 
     } 
    </script>

來源

2017-05-16 05:36:12 Linda

Bootstrap Multiselect在回發後停止工作

回答

相關問題