Jquery双向select控件Bootstrap Dual Listbox
2015-12-12 16:18
645 查看
效果预览:
View Code
效果:
另外,如果忽略Bootstrap报错,1.8.2版本也是可行的,控件渲染没有问题。
2. 本文demo使用的开发环境: VS2013 ,.NET Framework4.5
demo下载
希望本文对你有帮助。
<%@ WebHandler Language="C#" Class="DataHandler" %> using System; using System.Web; using System.Collections.Generic; using Newtonsoft.Json; public class DataHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { var china = new { id = "China", name = "中国" }; var usa = new { id = "USA", name = "美国" }; var rsa = new { id = "Russia", name = "俄罗斯" }; var en = new { id = "English", name = "英国" }; var fra = new { id = "France", name = "法国" }; List<object> list = new List<object>(); list.Add(china); list.Add(usa); list.Add(rsa); list.Add(en); list.Add(fra); string returnJson = JsonConvert.SerializeObject(list); context.Response.ContentType = "text/plain"; context.Response.Write(returnJson); } public bool IsReusable { get { return false; } } }
View Code
效果:
四. 总结
1. 关于jquery版本问题,我自己写的demo使用的是1.10.2,实际上,只要jquery版本大于1.9.1即可,主要是匹配Bootstrap3.3.5版本需求的最低jquery版本。另外,如果忽略Bootstrap报错,1.8.2版本也是可行的,控件渲染没有问题。
2. 本文demo使用的开发环境: VS2013 ,.NET Framework4.5
demo下载
希望本文对你有帮助。
相关文章推荐
- 利用 Bootstrap 进行快速 Web 开发
- 简单方法解决bootstrap3 modal异步加载只一次的问题
- bootstrap按钮组(一)
- bootstrap分页
- bootstrap按钮组(一)
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选&多选下拉框
- Bootstrap table的一些简单使用总结
- JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
- Bootstrap——25+ Best Bootstrap Editors & Builders
- Bootstrap Modal 上下左右居中 完美解决方案
- bootstrap在 刷新页面,tab选择页面不会改变。
- EF+MVC+Bootstrap 项目实践 Day3
- Bootstrap3 为何无法显示Glyphicons 图标
- EF+MVC+Bootstrap 项目实践 Day2
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- JS组件系列——Form表单验证神器: BootstrapValidator
- [记录] nicescroll 在bootstrap tabs中工作
- bootstrapCDN和本地化
- Bootstrap不同级别标题
- 【Bootstrap】自己主动去适应PC、平面、手机Bootstrap网格系统