首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

ASP.NET MVC使用Bootstrap系列(4)——使用JavaScript插件

序言 Bootstrap的JavaScript插件是以JQuery为基础,提供了全新的功能并且还可以扩展现有的Bootstrap组件。...通过添加data attribute(data 属性)可以轻松的使用这些插件,当然你也可以使用编程方式的API来使用。...Data属性 VS 编程API Bootstrap提供了完全通过HTML标记的方式来使用插件,这意味着,你可以不写任何JavaScript代码,事实上这也是Bootstrap推荐的使用方式。...注意:为了性能的考虑,Tooltip的data-api是可选的,这意味着你必须手动初始化tooltip插件: $(document...小结 在这篇博客中介绍了常见的Bootstrap插件,通过使用数据属性和编程方式的API来使用这些插件,更多插件访问:http://v3.bootcss.com/javascript/ 获取。

5.1K60

通过扩展改善ASP.NET MVC的验证机制

ASP.NET MVC提供一种基于元数据的验证方式是我们可以将相应的验证特性应用到作为Model实体的类型或者属性/字段上,但是这依然具有很多的不足。...在这篇文章中,我结合EntLib的VAB(Validation Application Block)的一些思想通过扩展ASP.NET MVC提供一种更为完善的验证机制。...五、验证规则的一致性 一、扩展旨在解决怎样的验证问题 这个基于验证的扩展可以实现如下几个ASP.NET MVC无法实现验证问题: 消息提供机制的分离:目前我们可以通过“硬编码”和“资源文件”两种验证错误消息的提供机制...比如对于某个区间的验证消息就可以定义成“{0}必须在{1}与{2}之间”; 多语言的支持:和ASP.NET MVC基于资源文件(所有的ValidationAttribute可以通过指定属性Name和ResourceType...5: return new DefaultMessageManager(); 6: } 7: } 三、多语言的支持 在本篇文章中我们不谈具体实现,只谈具体的使用方法

78750

ASP.NET MVC使用Bootstrap系列(5)——创建ASP.NET MVC Bootstrap Helpers

序言 ASP.NET MVC允许开发者创建自定义的HTML Helpers,不管是使用静态方法还是扩展方法。一个HTML Helper本质上其实是输出一段HTML字符串。...当然对于这些可重用的代码,开发者也方便对他们进行单元测试。所以,创建ASP.NET MVC Bootstrap Helpers是及其有必要的。...内置的HTML Helpers ASP.NET MVC内置了若干标准HTML Helpers,通过@HTML来调用这些方法在视图引擎中解析、渲染输出HTML内容,这允许开发者在多个视图中重用公共的方法。...在ASP.NET MVC中最简单创建Bootstrap helpers是通过@helper语法来实现。...内置的ASP.NET MVC helper(@HTML)是基于扩展方法的,我们可以再对上述的静态方法进行升级——使用扩展方法来创建Bootstrap helpers。

1.4K80

ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法

ASP.Net MVC中微软并没有提供类似服务器端控件那种开发方式,毕竟微软的MVC就是传统的请求处理响应的回归。所以抛弃之前的那种事件响应的模型,抛弃服务器端控件也理所当然。   ...微软为开发人员快速开发前台页面提供了丰富的HtmlHelper的辅助类,辅助我们快速开发前台页面,也提供了可扩展的接口,前台页面的标签可以可以做到高度可重用。...这里就涉及到一个叫做“扩展方法”的东东了,HtmlHelper 类的扩展方法在 System.Web.Mvc.Html 命名空间中。 ...但是,某些时候如果我们需要输出Html或JavaScript内容的字符串,这时我们可以使用HtmlHelper为我们提供的其他方法。...参考文章 (1)马伦,《ASP.Net MVC视频教程》,http://bbs.itcast.cn/thread-26722-1-1.html (2)oer,《HtmlHelper使用大全》,http:

67820

ASP.NET MVC使用Bootstrap系列(3)——使用Bootstrap 组件

Bootstrap元素我在上一篇文章中涉及到,具体可以参考《ASP.NET MVC使用Bootstrap系列(2)——使用Bootstrap CSS和HTML元素》。...在这篇博客中,我将继续探索Bootstrap丰富的组件以及将它结合到ASP.NET MVC项目中。...在ASP.NET MVC默认的_Layouts.cshtml布局页中已经帮我们实现了上述功能,打开它对其稍作修改,如下代码片段所示: <div class="navbar navbar-inverse...<em>使用</em>SignalR动态更新进度条 SignalR是<em>ASP.NET</em>的库,可以用来双向实时通信,在<em>ASP.NET</em> <em>MVC</em>项目中<em>使用</em>SignalR:1.首先通过NuGet来安装SignalR Nuget...小结 在这篇博客中,探索了Bootstrap中丰富的组件,并将它结合到<em>ASP.NET</em> <em>MVC</em>项目中。

6.5K100

ASP.NET MVC使用“RadioButtonList”和“CheckBoxList”

在《为HtmlHelper添加一个RadioButtonList扩展方法》中我通过对HtmlHelper和HtmlHelper的扩展使我们可以采用”RadioButtonList”的方式对一组类型为...和我的很多文章一样,旨在提供一种大体的解决方案,本解决方案旨在解决如下一些问题: 通过独立的组件对绑定到ListControl(ASP.NET Web Form的说法)的列表进行单独管理; 自动地调用上面这个组件获取列表信息进行相关...Html的生成; 支持ASP.NET MVC原生的Model Binding。...对于Person的三个基于列表的属性,我们分别调用了自定义的扩展方法RadioButtonListFor和CheckBoxListFor进行了绑定。...三、两组扩展方法具体实现 现在我们简单地来看看RadioButtonList/RadioButtonListFor和CheckBoxList/CheckBoxListFor这两组扩展方法的实现。

1.2K80

ASP.NET MVC使用AJAX传参技巧

客户端使用Querystring传参     一般情况下进行GET请求才会这么做,类似在浏览器的地址栏敲进去的url地址那样,客户端的js代码如下,这里对服务器端做了一个请求(这里用GET),请求通过url...客户端使用使用Json传参     使用第一种方法传参的话代码看起来比较简洁,只需要对url进行赋值就行,但是如果参数多的话…会乱,所以一般推荐用data属性传参,以下是使用json对data属性进行赋值传参...    上面两种方法有个问题未能解决,那就是服务器端Action方法中的变量多起来也是件麻烦事,ASP.NET MVC框架考虑到这点,我们可以定义一个类,如下:     端的代码修改如下,传参的变化将不会对...json传参么,我试过是不可以的(也许是我使用的jquery版本或者asp.net mvc版本支持不够好??)...服务器端的代码小改一下,如下: 客户端调用AhaxPostWithArray方法,得到的结果如下:  本人在实际项目中,使用到的前后端传参数技巧: 前端: SysModel是Javascript中的一个自定义对象

1.6K20

ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap

ASP.NET MVC 项目中添加Bootstrap文件 打开Visual Studio 2013,创建标准的ASP.NET MVC项目,默认情况下已经自动添加了Bootstrap的所有文件,如下所示...使用捆绑打包和压缩来提升网站性能 捆绑打包(bundling)和压缩(minification)是ASP.NET中的一项新功能,允许你提升网站加载速度,这是通过限制请求CSS和JavaScript文件的次数来完成的...在Bootstrap项目中使用捆绑打包 因为我们创建的是空的ASP.NET MVC项目,所以并没有自动引用与打包相关的程序集。...在ASP.NET MVC 布局页使用@Styles.Render("~/bootstrap/css")、@Scripts.Render("~/bootstrap/js")来添加对打包文件的引用。...小结 在这一章节中,简单为大家梳理了Bootstrap的体系结构,然后怎样在ASP.NET MVC项目中添加Bootstrap,最后使用了打包和压缩技术来实现对资源文件的打包,从而提高了网站的性能。

3K111
领券