Select2使用方法汇总
引用:
<script src="~/Content/plugins/select2/select2.min.js"></script>
1.简单使用
$.getJSON("/Basic/GetWareList", {}, function(data) {
$("#form_ware").select2({ data: data });
});
--根据value选中
$("#form_ware").val('20007').trigger("change");
--根据text选中
$("#form_ware option:contains('华南仓')").attr('selected', true).trigger("change");
--清空
$("#form_ware").empty();
--取值
$("#form_ware").select2('data')[0].id;
$("#form_ware").select2('data')[0].text; $("#form_ware").select2('data')[0].obj; //获取附加值
2.级联使用
初始化信息
$("#form_province").select2({
data: [{ id: -1, text: "请选择" }]
});
省市县级联
//初始化地址信息
$("#dl_province").select2({
data: [{ id: -1, text: "请选择" }]
});
$("#dl_city").select2({
data: [{ id: -1, text: "请选择" }]
});
$("#dl_county").select2({
data: [{ id: -1, text: "请选择" }]
}); //加载省
$.getJSON("/Basic/GetAddressList", { type: "2", parent_id: "1", default_text: "请选择" }, function (data) {
$("#dl_province").select2({
data: data
});
}); //加载市
$("#dl_province").change(function (e) { $("#dl_city").empty();
$("#dl_city").select2({
data: [{ id: -1, text: "请选择" }]
}); $("#dl_county").empty();
$("#dl_county").select2({
data: [{ id: -1, text: "请选择" }]
}); var dl_province = $("#dl_province option:selected").val();
if (dl_province != "-1") {
$.getJSON("/Basic/GetAddressList", { type: "3", parent_id: dl_province, default_text: "请选择" }, function (data) {
$("#dl_city").select2({
data: data
});
});
}
}); //加载县
$("#dl_city").change(function (e) {
$("#dl_county").empty();
$("#dl_county").select2({
data: [{ id: -1, text: "请选择" }]
}); var dl_city = $("#dl_city option:selected").val();
if (dl_city != "-1") {
$.getJSON("/Basic/GetAddressList", { type: "4", parent_id: dl_city, default_text: "请选择" }, function (data) {
$("#dl_county").select2({
data: data
});
});
}
});
3.后端帮助方法
public class ToSelect2Data<T> where T : class
{
public static List<Select2DataModel<T>> ToSelectData(List<T> model, string IdKey, string TextKey)
{
List<Select2DataModel<T>> m = new List<Select2DataModel<T>>();
foreach (var item in model)
{
Type t = item.GetType();
Select2DataModel<T> s = new Select2DataModel<T>();
PropertyInfo idInfo = t.GetProperty(IdKey);
s.id = idInfo.GetValue(item, null).ToString(); PropertyInfo textInfo = t.GetProperty(TextKey);
s.text = textInfo.GetValue(item, null).ToString(); s.obj = item;
m.Add(s);
}
return m;
}
} public class Select2DataModel<T> where T : class
{
public string id { get; set; }
public string text { get; set; }
public T obj { get; set; }
}
使用方法(id,name 是list集合的字段名)
return Json(ToSelect2Data<bs_addr>.ToSelectData(addressList, "id", "name"), true);
Select2使用方法汇总的更多相关文章
- 你真的会玩SQL吗?实用函数方法汇总
你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...
- Java实现时间动态显示方法汇总
这篇文章主要介绍了Java实现时间动态显示方法汇总,很实用的功能,需要的朋友可以参考下 本文所述实例可以实现Java在界面上动态的显示时间.具体实现方法汇总如下: 1.方法一 用TimerTask: ...
- C#读写文件的方法汇总_C#教程_脚本之家
C#读写文件的方法汇总_C#教程_脚本之家 http://www.jb51.net/article/34936.htm
- UITextView实现placeHolder方法汇总
UITextField中有一个placeholder属性,可以设置UITextField的占位文字,起到提示用户的作用.可是UITextView就没那么幸运了,apple没有给UITextView提供 ...
- 将编码从GB2312转成UTF-8的方法汇总(从前台、程序、数据库)
这篇文章主要介绍了将编码从GB2312转成UTF-8的方法汇总(从前台.程序.数据库),需要的朋友可以参考下 一个网站如果需要国际化,就需要将编码从GB2312转成UTF-8,其中有很多的问题需要注意 ...
- 本地获取System权限CMD方法汇总(转)
本地获取System权限CMD方法汇总(转) 稍微整理了下,大概有三种方法可以本地获取system权限的cmd,但前提都是当前用户具备administrator权限. 下面列举的三种方法各有千秋,看你 ...
- Javascript对象属性与方法汇总
Javascript对象属性与方法汇总 发布时间:2015-03-06 编辑:www.jquerycn.cn 详细介绍下,javascript对象属性与对象方法的相关知识,包括javascript字符 ...
- .net(C#)操作文件的几种方法汇总
.net(C#)操作文件的几种方法汇总 System.IO命名空间下类的用法:在System.IO名称空间中包含了用于文件输入输出的主要类.File:实用类,提供许多静态方法,用于移动.复制和删除文件 ...
- jquery常用函数与方法汇总
1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队 ...
随机推荐
- [TypeStyle] Style CSS pseudo elements with TypeStyle
Just like pseudo-classes, pseudo-elements are added to selectors but instead of describing a special ...
- [D3] Convert Input Data to Output Values with Linear Scales in D3
Mapping abstract values to visual representations is what data visualization is all about, and that’ ...
- Android 节日短信送祝福(功能篇:2-短信历史记录Fragment的编写)
因为用于展示短信记录的是一个ListView,但是为了方便,可以直接继承自ListFragment,就可以免去写ListView对应的布局了,只需要写其item对应的布局即可. item_sended ...
- oracle 列授权相关测试
create tablespace liangtbs datafile '/home/oradata/lgjdb/liangtbs01.dbf' size 50m autoextend on;crea ...
- D3D 点列练习
画四个点在窗体. #pragma once #pragma comment(lib,"d3d9.lib") #pragma comment(lib,"d3dx9.lib& ...
- android WebView总 结
浏览器控件是每个开发环境都具备的,这为马甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview.只是其引擎不同,相对于微软的webbrowser,and ...
- 【codeforces 755B】PolandBall and Game
time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...
- [NativeScript] Create new application and run emulator
Install: npm i -g nativescript Create: tns create <app_name> --ng Run: tns emulate ios List al ...
- 7个在线学习C++编程的最佳途径
7个在线学习C++编程的最佳途径 jopen 2012-09-27 15:51:13 • 发布 摘要:C++是一种静态数据类型检查的.支持多重编程范式的通用程序设计语言.它支持过程化程序设计.数据抽象 ...
- html5--1.12表格详解
html5--1.12表格详解 一.总结 一句话总结: 二.详解 1.表格构成三个基本要素 table:表格的范围,外框:用来定义表格,表格的其他元素包含在table标签里面: tr: 表格的行: t ...