MVC 中使用bootstrap-select 基础使用方法

官网文档地址.里面的demo 用到了goole的一些JS.看效果需要代理

http://silviomoreto.github.io/bootstrap-select/methods/

加nuget包.

增加JS和CSS两个文件.

前台

<select id="mySelect_UserGorups" multiple title="----Choose----" data-width="280px" class="selectpicker">@*<option value="0">Mustard</option><option value="1">Ketchup</option><option value="2">Relish</option>*@
</select><input type="button" onclick="sel_Init();" value="sel_Init" class="btn btn-success" /><input type="button" onclick="sel_GetChecked();" value="sel_Getchecked" class="btn btn-success" /><input type="button" onclick="sel_SetCheck();" value="sel_SetCheck" class="btn btn-success" />

<script>//初始化function sel_Init() {//清空数据$("#mySelect_UserGorups").empty(); var str = "";//循环for (var i = 0; i < 3; i++) {$("#mySelect_UserGorups").append($("<option>").val(i + 'a').text("i" + i));}//单条var option = $("<option>").val(3).text("pxx");$("#mySelect_UserGorups").append(option);$('#mySelect_UserGorups').selectpicker('refresh');}//get值function sel_GetChecked() {        console.log($('#mySelect_UserGorups').selectpicker('val'));}//set值function sel_SetCheck() {        $('#mySelect_UserGorups').selectpicker('val', ['0a', '1a']);}
</script>

一些效果

转载于:https://www.cnblogs.com/cxd1008/p/8386288.html

MVC 中使用bootstrap-select 基础使用方法相关推荐

Asp.net MVC中ViewData与ViewBag的使用方法(改)
在做MVC开发时经常会用到ViewData和ViewBag进行传值操作,因为很常用所以在这里总结一下,以方便后来人. Album.cs: [csharp] view plain copy using ...
在ASP.NET MVC中加载部分视图的方法及差别
在视图里有多种方法可以加载部分视图,包括Partial() .Action().RenderPartial().RenderAction().RenderPage()方法.下面说明一下这些方法的差别. ...
FineUIMvc随笔（6）对比WebForms和MVC中表格的数据库分页
声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. 通过对比WebForms和MVC中表格数据库分页代码的不同,可以对 MVC 中的数据流转有更加深入的了解. WebForms 中 ...
ASP.NET Core MVC中的 [Required]与[BindRequired]
在开发ASP.NET Core MVC应用程序时,需要对控制器中的模型校验数据有效性,元数据注释(Data Annotations)是一个完美的解决方案. 元数据注释最典型例子是确保API的调用者提供 ...
ASP.NET MVC中为DropDownListFor设置选中项的方法
在MVC中,当涉及到强类型编辑页,如果有select元素,需要根据当前Model的某个属性值,让Select的某项选中.本篇只整理思路,不涉及完整代码. □ 思路往前台视图传的类型是List< ...
MVC中使用Entity Framework 基于方法的查询学习笔记（二）
解释,不解释: 紧接上文,我们在Visual Studio2012中看到系统为我们自动创建的视图(View)文件Index.cshtml中,开头有如下这句话: @model IEnumerable&l ...
在ASP.NET MVC中实现Select多选
我们知道,在ASP.NET MVC中实现多选Select的话,使用Html.ListBoxFor或Html.ListBox方法就可以.在实际应用中,到底该如何设计View Model, 控制器如何接收 ...
第87节：Java中的Bootstrap基础与SQL入门
第87节:Java中的Bootstrap基础与SQL入门前言复习什么是JQ? : write less do more 写更少的代码,做更多的事找出所有兄弟: $("div" ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
关于在DataTable中执行DataTable.Select(条件)返回DataTable的解决方法
在实际编程工程中,常常遇到这样的情况:DataTable并不是数据库中的,或者DataTable尚未写到数据库,或者从数据库中读出的DataTable已经在本地被改动,又没有写回数据库(可能还要作其他 ...

MVC 中使用bootstrap-select 基础使用方法

MVC 中使用bootstrap-select 基础使用方法相关推荐

最新文章

热门文章