本博客使用Markdown编辑器编写 在企业级web开发过程中,日历控件和图表控件是使用最多的2中第三方组件。jQuery UI带的Datepicker,日历控件能满足大多数场景开发需要。...本文就主要讨论jQuery UI Datepicker的使用,和中文本地化配置。 1.jQuery UI介绍 jQuery UI是一套基于jQuery控件和动画效果Javascript类库。...最新版本1.10.4.基于jQuery 1.6+ jQuery UI官方网站 2.jQuery UI Datepicker介绍 Datapicker是jQuery UI里面控件的一个控件。...Datepicker介绍 3.jQuery UI Datepciker示例 步骤1.下载最新版jQuery UI....步骤2 引入下面三个文件,他们分别是: jquery.js jquery-ui.js jquery-ui.css 步骤3 编写代码,下面配置一个很简单的datepicker控件 $("#startdate
做个笔记,以后详解 jQuery(function($){ $.datepicker.regional['zh-CN'] = { closeText: '关闭',...isRTL: false, showMonthAfterYear: true, yearSuffix: '年' }; $.datepicker.setDefaults...($.datepicker.regional['zh-CN']); })
如果你使用asp.net mvc,而且使用的js库是jQuery, 那么一定别错过使用jQuery UI,使用jQuery UI 有个一套的mvc套件值得使用jQuery ASP.Net MVC Controls...默认MVC3模板项目已集成jQuery: jQuery ASP.Net MVC Controls是一个基于jQuery和jqGrid框架ASP.Net MVC的兼容控制的完整的包,主要包括jqGrid的...Ajax的分页,编辑,分格,批量更新以及标准的控件: * DatePicker * AutoComplete * Tab Strip * Accordion Control 使用文档参考官方的: Setting
,但要做得好也有一定工作量,利用google快速了解了目前几个比较知名的轻量级日历插件的接口、提供的配置项及功能情况后,决定不重复制造轮子,在jquery ui的datepicker控件上进行开发,因为它虽然功能简单...,UI的风格其实就是jquery ui中的蓝色主题版本的,由于本身网站是以蓝色作为基调的,所以用蓝色主题的UI能与网站整体融合得非常好,可能很多人印象中都觉得datepicker是用来选日期的,以前应用它的时候都是有一个输入框...,这里,只需要在要显示的位置放一个div,然后用jquery的选择器找到这个元素,并且在上面调用datepicker()方法就可以了,示例:$('.datePickerWraper').datepicker...这个其实也简单,用CSS配合一下了,我的建议是不要直接在jquery ui的样式上面改,一来影响它自身的完整及独立性,到时或许会用到它的控件,如果直接改会导致一些意想不到的情况发生,我认为比较好的办法是在特定的页面下用自己的样式把默认的样式覆盖掉以使控件的尺寸符合我们的预期...,默认的样式中,不可选的日期的opacity(不透明度)是1来的,也就是,基本上处于蒙住的状态了,看起来很不和谐,所以我通过CSS把它的默认样式修改了,而在返回false的日期中,jquery ui自动是把它的日期文本由
在ASP.NET MVC 4中可以使用BundleTable捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度。更为重要的是通过捆绑可以解决IE浏览器的31个CSS文件连接的限制。...在做ASP.Net项目时很多时候会使用一些开源的javascript控件。无形中增加了css和javascript文件的引用。如果手工将这些css文件合并将给将来版本升级造成很大的麻烦。...于是,我们只好小心翼翼的处理这些css文件在页面中的引用。ASP.NET捆绑是ASP.NET 4.5的新功能,是System.Web.Optimization命名空间下。.../jquery.ui.datepicker.css", "~/Content/themes/base/jquery.ui.progressbar.css", "~/Content/themes/base...在开发ASP.NET MVC 4项目时,不要忘记这个有用的机制。
最近公司在用bootstrap和Jquery UI做项目,类似与OA的东西前两天碰到点问题,记录一下。希望读者不要在遇到和我一样的问题。 1 datepicker。...不知道怎么自己下载的bootcss里面没找到datepicker,于是就选了Jquery UI的datepicker。使用的时候要注意两个问题。 ...如果页面上多个input ,并且id都是input1,那么在页面载入完成的时候调用$('#input1').datepicker(option),得到的结果是只有第一个成功格式化成datepicker;...如果换一种选择器,比如$('input').datepicker(option),那么,每个都能触发datepicker的选择效果,但是,后面的元素选中日期之后只会体现在第一个上面。 ...还有就是如果modal里面有datepicker,那么,默认情况下无法在点击input的时候显示出datepicker的日期选择框的。解决方案在stackoverflow有。链接戳这里。
0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多...及ajaxFileUpload的引用,这里的JQuery用的2.1.4版本,经测试用各个版本基本没什么影响。...String,其中每一对表示value中对应的元素;例如“F-2C-4A”*/ string strHashData = System.BitConverter.ToString...decimal.Round(decimal.Divide(bytes, mbLength), 2).ToString() + "MB"; } 2 ajaxFileUpload使用过程中的一些问题...解决方法: 经测试handlerError只在jquery-1.4.2之前的版本中存在,以后版本中都没有这个函数了,因此在将handleError这个函数复制到ajaxFileUpload.js中,就行了
ASP.NET MVC 3.0 微软把ASP.NET MVC,Web Pages and Web API都开源了。想定制的,或者写自己公司的内部视图引擎的都可以直接看源代码。...不过MVC可以进行TDD的,实际开发中没有去做,而已白盒测试非常少。充分发挥MVC3.0的功能还需要进一步提升。...这个在《ASP.NET MVC实战》书上了解一些,类似Spring.net。...同时常见的功能可以封装成jQuery插件,以便后期的项目复用和维护。当然对jQuery的版本有一些限制,本次项目就有因为jQuery版本和jQuery UI版本之间的不兼容,出现了一下bug。...在MVC中,这些基本都不用或者不能用,所以对数据列表的呈现需要有一个好的插件进行支持。dataTable在分页,样式自定义和排序方面做的都不错。
Kendo UI 是Telerik推出的一套based on jQuery 的 Framework,提供了很多控件(Menu 、Grid 、Combox等...), 底层以Html5 + jQuery...相关介绍可以参考AJAX式数据清单的新选择-Kendo UI Grid。...以下内容参考中国台湾的黑老大的文章:在ASP.NET MVC 4中使用Kendo UI Grid 建立一个ASP.NET MVC 4专案 使用NuGet安装KendoUIWeb及KendoGridBinder...,原本Kendo UI的.css及图图片被放在~/Content/kendo/2012.1.322/下,理论上StyleBundle应设成"~/Content/kendo/2012.1.322/css”...在~/Views/Shared/_Layout.cshtml中: <meta name="viewport
NFine是一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架,源代码完全开源,可以帮助你解决C#.NET项目68%的重复工作,让开发人员远离加班!...NFine技术介绍 一 前端技术 JS框架:jquery-2.1.1、Bootstrap.js、JQuery UI。...CSS框架:Bootstrap v3.3.4(稳定是后台,UI方面根据需求自己升级改造吧)。 客户端验证:jQuery Validation Plugin 1.9.0。...下拉选择框:jQuery Select2。 树结构控件:jQuery zTree、jQuery wdtree。 页面布局:jquery.layout.js 1.4.4。...日期控件: My97DatePicker。 二 后端技术 核心框架:ASP.NET MVC5、WEB API。 持久层框架:EntityFramework 6.0。
最近在处理MVC时,遇到要将特殊字符,或者XML格式的数据传递到后台,但是后台解析发现无法识别,处理有误。 可以通过以下方式处理。...1.Javascript 端处理主要对要传递的数据通过escape函数进行处理即可 escape(string) 但是要注意 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串...要被转义或编码的字符串。返回值已编码的 string 的副本。 其中某些字符被替换成了十六进制的转义序列。...提示和注释提示:可以使用 unescape() 对 escape() 编码的字符串进行解码。...ModelName: ModelName, ID: ID, Content: escape($("#Test").val()) }, function (data){///后台返回数据} } 在控制器中主要是通过
JQuery Partial Views in ASP.NET MVC JavaScript File Management Making jQuery calls to WCF/ASMX with...Plugins and Tutorials Animate validation feedback using jQuery jQuery Tools:我们期待已久的内容展示型 Web UI 库 asp.net...mvc: ASP.NET MVC and NHibernate Framework Architecture Mono bundles Microsoft's MVC framework ToDo List...using ASP.NET MVC Under the covers of HTML helpers in ASP.NET MVC Requiring SSL For ASP.NET MVC Controllers...ASP.NET MVC SelectList Sample Code ASP.NET MVC & jQuery Part 3: MvcContrib Grid & jQuery Plugins ASP.NET
ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0中,jQuery验证框架被引入是我们可以采用Unobtrusive JavaScript的方式进行客户端验证...[本文已经同步到《How ASP.NET MVC Works?》...虽然演示jQuery验证使用一个单纯的HTML文件就可以了,但是在这里我们还是通过Visual Studio的ASP.NET MVC项目模板创建一个空的Web应用,这样做有两个目的:其一、项目在创建过程中会自动添加包含...jQuery本身及其验证插件的.js文件;其二,可以确保我们现在使用的用于验证的.js文件和ASP.NET MVC真正使用的.js文件是一致的。...ASP.NET MVC的客户端验证:jQuery的验证 ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现 ASP.NET MVC的客户端验证:自定义验证
1.官网下载开发包:http://www.uploadify.com/download/,选择免费的Flash版本: 2.解压后,需要用到以下几个文件: 需要修改uploadify.css中取消上传按钮的背景图片路径...: jquery-1.10.2....min.js"> jquery.uploadify.min.js"> 4.页面添加用于生成上传按钮的标签...动态设置的方法在开始上传之前执行都是可以的,该试例在两个checkbox(通过bootstrap-switch美化)的状态切换时进行设置: $('#img_mode').on('switch-change...个参数:file、data、response file - 包含原始文件的信息; response - 后台返回true或false; data - 后台返回的数据,试例中为Json对象; 其他详细参数
在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。...中] 一、ValidationAttribute与HTML ASP.NET MVC默然采用基于ValidationAttribute特性的声明式Model验证,服务端验证最终实现在两个重写的IsValid...对于客户端验证,ASP.NET MVC对jQuery的验证插件进行了扩展,实现了另一种不同的内联方式是我们 可以将验证规则定义在被验证输入元素的属性中。...二、客户端验证规则的生成 ASP.NET MVC在利用jQuery进行客户端验证的时候,虽然验证规则并没有采用其原生的方式通过被验证元素的class属性来提供,但是却可以通过“data-val-{rulename...ASP.NET MVC的客户端验证:jQuery的验证 ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现 ASP.NET MVC的客户端验证:自定义验证
MVC的路径选择十分灵活,可以用类似/parm1/parm2/parm3/ 的方式(这个有点象iis的urlrewriter),也可以象传统url那样用/?...parm1=a&parm2=b&parm3=c这样访问 关键是Global.asax中Route规则的配置 以下是一个Global.asax的示例: protected void Application_Start...(object sender, EventArgs e) { // Note: Change Url= to Url="[controller].mvc/[action...ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" runat="server"> Welcome to my ASP.NET... MVC Application!
Tailspin Travel设计的技术比较多,今天我们来看看界面(UI)上的技术,在UI层上来说主要采用的技术是ASP.NET MVC2和ASP.NET DynamicData框架。...从功能上来分为向普通用户提供的前台页面和管理员使用的后台界面,前台页面主要实现的是旅游活动日程安排,航班,酒店,租车这几部分采用的ASP.NET MVC 2技术,管理员用的后台管理页面使用的是ASP.NET...它可用于任何类型的ASP.NET应用,包括基于ASP.NET Web Forms和ASP.NET MVC的应用。...,以及jQuery和ASP.NET Ajax配合的相关内容,可以参考 Asp.net MVC2 使用经验,性能优化建议学习。...,Tailspin Travel用来对付管理后台的开发方面具有非常高的效率,在前台使用MVC2保证性能,在UI界面的开发方面非常值得借鉴的一种模式。
最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。..."ui-state-highlight", // 排序过程中占位符的class样式设置 forcePlaceholderSize: true, // 强迫占位符有一个尺寸大小。...// connectToSortable: "#subs-box", // 允许draggable被拖拽到指定的sortables中。...selector = '.ptype-'+me.selectedSubType; $(selector).droppable("destroy"); }, 参考链接 https://www.html.cn/jquery-ui-api.../sortable/ https://www.html.cn/jquery-ui-api/draggable/ https://www.html.cn/jquery-ui-api/droppable
ViewBag是WebViewPage中的一个属性,它的类型是dynamic。dynamic类型可以理解为,编译器在编译到这种类型时,会跳过类型检查,而在运行时做这些事情。...ViewData也是WebViewPage类中的一个属性,但他的类型是ViewDataDictionary。...从内部实现上,ViewBag属性是按照键值对那样存放在ViewData中的,因此也可以通过方为ViewData中值来访问ViewBag的值,他们指向的引用是同一个的。...,他们的生命周期很短,无法存在于多个请求中。...TempData可以在跳转到Test1的时候获得,但不能在Test2中获得。
评论中感谢网友(dotNetDR_、醉丶千秋)推荐,确定是值得关注的一个UI。 九、INSPINIA INSPINIA是平面设计理念的管理模板。...MVC5/MVC6, Meteor and Ruby on Rails version 插件很多,但都按引用分文件夹存放了,静态版本中我看了就是48个插件,有PSD源文件,提供的文件包含: Static...Full Version Static Seed Project MVC5 Full Version MVC5 Seed Project MVC6 Full Version (.NET RC1) MVC6...十一、FineUI 基于 jQuery / ExtJS 的 ASP.NET 控件库、创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices...该UI也是国人的作品,开源、免费、至今有100多个版本了,个人感觉界面不算难看,控件多,帮助说明也有不少;但只是为ASP.NET量身定做的,有一定的局限性;重,非常重,ExtJS+ASP.NET的页面状态就更加重了