Bootstrap Multiselect在回发后停止工作

时间:2016-05-13 11:34:09

标签: asp.net twitter-bootstrap webforms updatepanel multi-select

我们正在使用asp.net Web表单应用程序中的bootstrap multiselect组件。它在第一页加载时工作正常,但奇怪的是,在页面回发/更新面板更新内容后停止工作。外观很好,但行为不是。

2 个答案:

答案 0 :(得分:1)

在脚本部分添加以下代码。发生这种情况是因为必须在每次页面加载时反弹引导控件。

<script>

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

         function PageLoaded(sender, args) {

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

答案 1 :(得分: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 });
}