ASP.NET MVC - 随笔分类(第3页) - Darren Ji

在ASP.NET MVC中实现一种不同于平常的三级联动、级联方式, 可用于城市、车型选择等多层级联场景

摘要：三级或多级联动的场景经常会碰到，比如省、市、区，比如品牌、车系、车型，比如类别的多级联动......我们首先想到的是用三个select来展示，这是最通常的做法。但在另外一些场景中，比如确定搜索条件的时候，对于三级联动来说，可能选择1个，2个，或3个条件，我想，以下的方式可能更适合：以上，可以只选择品牌，或同时选择品牌、车系，或同时选择品牌、车系、车型，最后把选择的内容展示到input上... 阅读全文

posted @ 2014-12-18 09:42 Darren Ji 阅读(3259) 评论(0) 推荐(1)

在ASP.NET MVC中实现区域或城市选择

摘要：每次在"万达影城"网上购票总会用到左上角选择城市的功能。如下：今天就在ASP.NET MVC中实现一下。我想最好的方式应该是写一个插件，但自己在这方面的功力尚欠缺，如果大家在这方面有好的解决方案，希望在这一起交流，那将会更好。大致思路如下：○ 点击"更换"弹出div，用bootstrap来实现○ div中的tabs，用jqueryui来实现○ tab项中的城市，用jquery.tmp... 阅读全文

posted @ 2014-12-16 11:49 Darren Ji 阅读(2369) 评论(0) 推荐(1)

在Windows Azure上创建ASP.NET MVC网站

摘要：本篇体验在Windows Azure上创建ASP.NET MVC网站。 →登录到Windows Azure管理门户 →点击左下方的"新建" →点击"自定义创建"，在界面中填写如下：注意：用户名就是服务器的管理员登录名。点击确定。 →点击网站名称。 →点击右侧的"下载发布配置文件"，把后缀名为PublishSettings的文件保存到本地硬盘上，记住保存的位置。 →到这里下载Visual Studi... 阅读全文

posted @ 2014-12-08 15:12 Darren Ji 阅读(564) 评论(0) 推荐(0)

ASP.NET MVC中商品模块小样

摘要：在前面的几篇文章中，已经在控制台和界面实现了属性值的笛卡尔乘积，这是商品模块中的一个难点。本篇就来实现在ASP.NET MVC4下商品模块的一个小样。与本篇相关的文章包括： 1、ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积01, 在控制台实现 2、ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积02, 在界面实现 3、再议ASP.NET MVC中CheckBoxL... 阅读全文

posted @ 2014-11-20 11:37 Darren Ji 阅读(1611) 评论(1) 推荐(0)

ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积02, 在界面实现

摘要：在"ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积01, 在控制台实现"中，在控制台应用程序中实现了属性值的笛卡尔乘积。本篇在界面中实现。需要实现的大致如下：在界面中勾选CheckBoxList中属性值选项：把勾选的属性值进行笛卡尔乘积，每行需要填写价格：我们暂且不考虑这些CheckBoxList是如何显示出来的(在后续有关商品模块的文章中会实现)，还需考虑的方面包括：... 阅读全文

posted @ 2014-11-19 13:50 Darren Ji 阅读(1124) 评论(0) 推荐(0)

ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的

摘要：在上一篇"ASP.NET MVC异步验证是如何工作的02,异步验证表单元素的创建"中了解了ASP.NET异步验证是如何创建表单元素的，本篇体验jquery.validate.unobtrusive.js异步验证的全过程。在jquery.validate.unobtrusive.js文件的尾部看到了如下的一个调用： $(function () { $jQval.unobt... 阅读全文

posted @ 2014-11-18 22:59 Darren Ji 阅读(1299) 评论(0) 推荐(1)

ASP.NET MVC异步验证是如何工作的02,异步验证表单元素的创建

摘要：在上一篇"ASP.NET MVC异步验证是如何工作的01,jQuery的验证方式、错误信息提示、validate方法的背后"中，了解了jQuery如何验证，如何显示错误信息，本篇要体验ASP.NET MVC异步验证表单元素的创建，以及如何才能实现ASP.NET MVC异步验证。有这样的一个模型： public class Student { public int... 阅读全文

posted @ 2014-11-18 14:48 Darren Ji 阅读(840) 评论(0) 推荐(1)

ASP.NET MVC异步验证是如何工作的01,jQuery的验证方式、错误信息提示、validate方法的背后

摘要：ASP.NET MVC借助jQuery的验证机制，提供了一套从客户端到服务端异步验证的解决方案，通常情况下，用起来相当方便。但面对一些相对特殊的情况，可能会遇到验证失效的场景，比如在使用ajax动态异步加载视图的时候。所以，有必要了解其背后运行的原理。首先从了解jQuery验证开始。本篇主要包括： ● jQuery验证的各种方式● 错误信息是如何显示的● 调用validate方法的背后发生了什... 阅读全文

posted @ 2014-11-18 11:19 Darren Ji 阅读(945) 评论(0) 推荐(0)

ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积01, 在控制台实现

摘要：在电商产品模块中必经的一个环节是：当选择某一个产品类别，动态生成该类别下的所有属性和属性项，这些属性项有些是以DropDownList的形式存在，有些是以CheckBoxList的形式存在。接着，把CheckBoxList的选中项组合生成产品SKU项。本系列将在ASP.NET MVC中实现以上功能。但本篇，先在控制台实现属性值的笛卡尔乘积。关于属性的类： public class... 阅读全文

posted @ 2014-11-17 17:30 Darren Ji 阅读(909) 评论(0) 推荐(0)

再议ASP.NET MVC中CheckBoxList的验证

摘要：在ASP.NET MVC 4中谈到CheckBoxList，经常是与CheckBoxList的显示以及验证有关。我在"MVC扩展生成CheckBoxList并水平排列"中通过扩展HtmlHelper做到了水平或垂直显示CheckBoxList。在"MVC生成CheckBoxList并对其验证"中，借助模版实现对一组CheckBoxList的验证，但如果要对多组CheckBoxList验证，这种方法... 阅读全文

posted @ 2014-11-14 19:16 Darren Ji 阅读(1391) 评论(0) 推荐(0)

ASP.NET MVC在服务端把异步上传的图片裁剪成不同尺寸分别保存,并设置上传目录的尺寸限制

摘要：我曾经试过使用JSAjaxFileUploader插件来把文件、照片以异步的方式上传，就像"MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传"中说的，这种方法足够轻、足够好。但今天，要在前面的基础上再增加2个需求： 1、异步判断上传的图片是否超过最大限制2、把上传的图片裁剪成大中小3张图片，分别保存，删除的时候一块被删除上传图片... 阅读全文

posted @ 2014-11-13 10:51 Darren Ji 阅读(1764) 评论(1) 推荐(2)

在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计

摘要：在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中，已经搭建好了Repository层，本篇就剩下增删改查的界面了......今天的阳光真特么好，写完本篇，好出去在阳光下溜溜狗、散散步什么的，正所谓文武之道一张一弛，走神了，进入正题。首先是一个View Model，在这里定义验证规则，提交和保存数据的时候还必须和领域模型映射。using S... 阅读全文

posted @ 2014-11-06 13:03 Darren Ji 阅读(3359) 评论(1) 推荐(0)

在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建

摘要：通常，在同一个页面上实现增删改查，会通过弹出框实现异步的添加和修改，这很好。但有些时候，是不希望在页面上弹出框的，我们可能会想到Knockoutjs,它能以MVVM模式实现同一个页面上的增删改查，再辅以knockout.validation.js，还可以对Model进行验证。但knockout.validation.js与ASP.NET MVC本身的验证没有做到无缝对接，不能形成一个从客户端到服务... 阅读全文

posted @ 2014-11-06 10:56 Darren Ji 阅读(4479) 评论(1) 推荐(0)

在ASP.NET MVC中使用Knockout实践09，自定义绑定

摘要：Knockout真正强大之处在于绑定机制，通过data-bind属性值体现绑定，不仅可以绑定值，还可以绑定事件，甚至可以自定义绑定。从一个例子看Knockou的绑定机制假设想给一个button元素变成jQuery UI的button，大致这样做：点我 $('#btn').button( icons: { primary: 'ui-icon-gear' } ); "他山之石，可以攻... 阅读全文

posted @ 2014-11-04 10:26 Darren Ji 阅读(1444) 评论(0) 推荐(1)

在ASP.NET MVC中使用Knockout实践08，使用foreach绑定集合

摘要：本篇体验使用 foreach 绑定一个Product集合。首先使用构造创建一个View Model。 var Product = function(data) { this.name = ko.observable(data.name); this.category = ko.observable(data.category); ... 阅读全文

posted @ 2014-11-03 10:58 Darren Ji 阅读(1223) 评论(2) 推荐(0)

在ASP.NET MVC中使用Knockout实践07，自定义验证信息的位置与内容

摘要：在前两篇中，体验了Knockout的基本验证和自定义验证。本篇自定义验证信息的显示位置与内容。自定义验证信息的显示位置通常，Knockout的验证信息紧跟在input后面，通过validationMessage属性可以自定义验证信息的显示位置。@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cs... 阅读全文

posted @ 2014-11-03 09:53 Darren Ji 阅读(791) 评论(0) 推荐(1)

在ASP.NET MVC中使用Knockout实践06，自定义验证、异步验证

摘要：在上一篇中体验了Knockout.Validation的基本验证，本篇体验自定义验证和异步验证。自定义验证规则 ko.validation有一个rules属性，专门用来存放验证规则，它是一个键值对集合类型，key就是自定义验证规则的名称，value是一个json对象。@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared... 阅读全文

posted @ 2014-11-02 13:21 Darren Ji 阅读(1216) 评论(0) 推荐(0)

在ASP.NET MVC中使用Knockout实践05，基本验证

摘要：本篇体验View Model验证。Knockout的subscribe方法能为View Model成员注册验证规则。 @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } 最大长度为8！ @section scripts { } 以上的做法稍显繁琐。其实，使用... 阅读全文

posted @ 2014-11-02 10:02 Darren Ji 阅读(1691) 评论(0) 推荐(0)

在ASP.NET MVC中使用Knockout实践04，控制View Model的json格式内容

摘要：通常，需要把View Model转换成json格式传给服务端。但在很多情况下，View Model既会包含字段，还会包含方法，我们只希望把字段相关的键值对传给服务端。先把上一篇的Product转换成json格式，通过pre元素显示出来。 @section scripts { } 可是，我们只想把name，category键值对传给服务端，该如何做到呢？ □ 方... 阅读全文

posted @ 2014-11-01 22:30 Darren Ji 阅读(850) 评论(0) 推荐(0)

在ASP.NET MVC中使用Knockout实践03，巧用data参数

摘要：使用Knockout，当通过构造函数创建View Model的时候，构造函数的参数个数很可能是不确定的，于是就有了这样的一个解决方案：向构造函数传递一个object类型的参数data。 @section scripts { } 以上，通过构造函数创建Product的时候，只用到了一个参数，data。在实例化Product的时候，给Product各个成员赋默认值。另外，还... 阅读全文

posted @ 2014-11-01 21:38 Darren Ji 阅读(854) 评论(0) 推荐(0)

随笔分类 - ASP.NET MVC

公告