Bootstrap selectpicker MVC下拉链接livesearch

时间:2017-03-10 10:38:37

标签: javascript asp.net-mvc bootstrap-selectpicker

我很确定我的问题与脚本引用有关。

我已将其添加到我的捆绑包

consumer = topic.get_simple_consumer(consumer_group=b"charlie",
                                 auto_commit_enable=True)

这是我的观点代码:

bundles.Add(new ScriptBundle("~/bundles/bootstrap-select").Include(
    "~/Scripts/bootstrap-select.js",
    "~/Scripts/bootstrap-select.min.js"));

Html表格:

<script type="text/javascript">
    $(document).ready(function () {
        $('.selectpicker').selectpicker({
            liveSearch: true,
            showSubtext: true
        });
    });

我从我的查看包中获取列表,工作正常。但我似乎无法解决这个问题。

更新: 试图在视图中手动添加引用。现在Dropbox完全消失了,我得到了错误:

@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
    @Html.LabelFor(model => model.SagId, "SagId", htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(x => x.SagId,(IEnumerable<SelectListItem>)ViewBag.SagId,
            new
            {
                @class = "form-control selectpicker",
                data_show_subtext = "true",
                data_live_search = "true"
            })
        @Html.ValidationMessageFor(model => model.SagId, "", new { @class = "text-danger" })
    </div>
</div>

创建:78未捕获的ReferenceError:$未定义     在创建:78

1 个答案:

答案 0 :(得分:0)

首先,您只想添加其中一个引用;从JS开始;当在发布模式下构建时,它将找到min.js。

bundles.Add(new ScriptBundle("~/bundles/bootstrap-select").Include(
    "~/Scripts/bootstrap-select.js"));

这是注册相同的脚本,这将有这些问题。

其次,看起来这个包在你定义JQuery之前定义了。所以$未定义很可能是因为bootstrap select脚本和用法必须在JQuery初始化之后。