博客园_Kevin Cheng's Yard

基于 aspnet 的自动合并输出js和css的解决方案

2010-12-01T10:00:00Z

这是一个基于 aspnet 的自动合并输出js和css的解决方案。

首先感谢 LoveCherry 的文章《httpmodule和httphandler配合的又一应用——合并脚本样式》(http://www.cnblogs.com/lovecherry/archive/2010/04/01/1701997.html)，我是在这篇文章的基础上进行修改的，令这个模块更为实用，我做了以下修改：
    ·简化tag的写法，统一用 <link runat="server" type="..." src="..."/>来表示资源
    ·修正js和css生成顺序问题，原代码中资源合并由于是异步的，其生成顺序是不一定的，是会出错的
    ·增加group属性，资源不一股脑的直接输出，避免字符集不一致和超大文件的产生问题
    ·增加merge属性，可控制单个资源是否需要合并输出
    ·增加压缩选项，可压缩后输出css和js文本
    ·一些类名项目名的调整和简化

具体代码就不说明了，大家下载去看便是。以下是使用说明：

------------------------------------------------------------
使用说明
------------------------------------------------------------
（1）引用数据集
    ResourceMerge.dll
    如果需要启用压缩的话，还需要引用：
    Yahoo.Yui.Compressor.dll
    EcmaScript.NET.modified.dll

（2）修改 web.config

（3）使用link标签引用资源
    css资源
        <link runat="server" type="text/css" src='content/app.css' />
        原有的<link>标签统统不用改变了，只需要加上runat="server"属性。
        事实上，若该link标签在<head runat="server">内部的话，runat="server"也可不用加了。
    js 资源
        <link runat="server" type="text/javascript" href="content/jquery-1.4.2.min.js" />
        也使用<link>标签，唯一的区别在于 type="text/javascript"
        此外，可以用 href 或 src 表示资源来源
    附加属性
        group ：同组的js或者css是合并输出的，以避免字符集不一致或超大文件产生的问题
        merge： true 或 false，表示是否将该资源合并输出

------------------------------------------------------------
示例
------------------------------------------------------------
masterpage, page, ascx 中用以下标签

以上的标签可能会生成以下代码，将资源合并输出，有效的减少了请求数目：

------------------------------------------------------------
备注
------------------------------------------------------------
说明
    ·同组的js或者css是合并输出的，以上代码js分两组（jquery, default)，css分两组（basic, default）
    ·同组内的字符编码自己负责，不一致的话生成的js代码可能会出错
    ·生成的顺序和标签的顺序是一致的
    ·可压缩输出合并的资源

关于标签的选择
    前一个版本是统一使用<src> 标签来描述资源的，发现在实际使用中改动过大。
    故改变思路，看能否在最小改动的前提下自动实现资源合并输出的功能。
    （1）css很容易，直接用<link>标签，完全不需变动。在module代码中可以用 HtmlGenericControl获取。
    （2）js则有点麻烦
        若加上runat="server"属性，则aspnet会认为这是服务器端脚本，页面输出直接截止了。
        若不加runat属性，aspnet会将该标签和其它文本一起解析为LiteralControl，很难拆分出来。
        故没法保留原有的script标签，最简单的考虑就是改为link标签，这样改动的代码量小些。

另外一个问题，css文件中若使用了相对图像路径，合并css的话会导致无法找到图片的问题。暂时有以下几个解决方案：
（1）css文件中改为使用绝对图像路径。
（2）使用 merge="false" 属性，跳过该css资源不做合并处理

本文链接

从QQ360事件引出，对促进国内信息产业良好发展的一些法律方面的想法（草案）

2010-11-06T03:34:00Z

首先说明，该文是脑子里一些不成文的想法，文章也未完善，先供网友讨论。

最近国内互联网上闹哄哄的，大部分的国内网民都受到波及。撇开事件双方不提，从法律方面考虑，脑子里有一些隐隐约约的想法，中国互联网需要一个相对公平开放的环境，需要从以下几方面着手：

1. 加强反垄断法的实施，塑造公平竞争的环境

（1）禁止事实用户垄断企业进行附加软件捆绑。以微软windows ie为例。
（2）禁止所谓的行业联盟协议。以欧美国家禁止同行制定行业定价为例。
（3）尊重用户选择权。以windows浏览器选择器为例。
（4）尊重用户隐私权。以MSN和qq在后台操作的文件比较为例。
（5）开放IM通信协议。以MSN, ICQ, GTalk为例。
（6）对违法者严厉的司法惩罚。以微软、apple、facebook为例，以人人网纠纷为反例。
以上准则在欧美国家都是事实通用的，违反就会给告死，赔偿一笔不菲的金额，这些都有先例（举例说明）

2. 削弱知识产权的保护力度和权益

该点针对知识产权保护的现状来提出的，知识产权保护的初衷是保护开发者的权益，目标是促进科学技术的繁荣发展。而现阶段，这个保护反而起到了部分反作用。以下分几个方面可以证实：（1）保护时限过长，足以让版权人打官司舒舒服服过一辈子，也抑制了优秀的技术的大规模推广。此外针对IT行业，由于其具有周期短的性质，冗长的保护时间更不利于优秀技术的推广（2）此外，保护范围审批过松。前阵子获悉apple公司获得用两只手指放缩图片的操作的专利，这无疑是对触摸屏操作开发的一个极大的打击，换句话说，用手指拉伸旋转物体本来就是人自小学会的能力，现在只是移到电脑操作上而已，这种操作也能当作专利来审批，那么人的直立行走、说话、吃饭等这些生理行为都可以挪移到电脑上进行审批了，这是一个谬论，也是一个很悲哀的情况。故，针对当前的知识产权保护现状，我提出以下几点想法：

（1）维护知识产权所有人的权益，对违法者给予司法严惩。这是前提...也是胡萝卜。以下均是大棒。
（2）缩减知识产权保护的年限。查阅相关法律文献引证。个人建议：文学作品的保护年限应该不超过50年，而IT行业的专利更是不应该超过15年。
（3）慎重审核知识产品的审批，对于事实工业应用的技术不应授予保护。以apple的拇指放缩图片专利为例，以汽车雨刷的专利为例。

总结.....“二流的司法造就二流的企业”，在中国正是如此，这正是吾辈应该努力去改善的地方。

本文链接

学习 Silverlight 4 很受伤

2010-10-27T10:51:00Z

silverlight 4 出来有段时间了，各网站上对它均是溢美之词，想想看，这技术也应该成熟了，心动了，就拿它练练手吧。据我原先所想，sl使用xaml做为界面语言，可使用C#开发，可使用.NET类库，开发起来应该和winform差不多吧，最多是不允许使用interop和com这些桌面相关的操作吧。在深入了解了一些资料并调试了一些程序后（网上下载的很多示例都跑不起来，可能是我火候未到吧），我发现，我错了....
事实不是我想象的那样的，感觉，silverlight4 的水很深，学习曲线很陡很陡，很受伤....
以下是现阶段我的分析，不排除有对silverlight 4 误解的地方，欢迎指正解惑（以下将用sl 4做为 silverlight 4的简写）。

1. SL 4 可使用的类库

首先，sl 4可使用的类库大大阉割了，此外也新增了很多它专有的陌生的类库。
以下是sl 4可用的数据集（我承认，是我手贱手打的，目的是加深印象）：

1     Microsoft.CSharp
2     Microsoft.VisualBasic
3     mscorlib
4     System
5     System.Core
6     System.Json
7     System.Net
8     System.Numerics
9     System.Data.Services.Client
10     System.Runtime.Serialization
11     System.Runtime.Serialization.Json
12     System.Xml
13     System.Xml.Linq
14     System.Xml.Serialization
15     System.Xml.Utils
16     System.Xml.XPath
17     System.ComponentModel.Composition
18     System.ComponentModel.Composition.Initialzation
19     System.ComponentModel.DataAnnotation
20     System.ServiceModel
21     System.ServiceModel.DomainServices.Client
22     System.ServiceModel.DomainServices.Client.Web
23     System.ServiceModel.Extensions
24     System.ServiceModel.NetTcp
25     System.ServiceModel.PollingDuplex
26     System.ServiceModel.Syndication
27     System.ServiceModel.Web
28     System.ServiceModel.Web.Extensions
29     System.Windows
30     System.Windows.Browser
31     System.Windows.Controls
32     System.Windows.Controls.Data
33     System.Windows.Controls.Data.DataForm.Toolkit
34     System.Windows.Controls.Data.Input
35     System.Windows.Controls.Data.Toolkit
36     System.Windows.Controls.DataVisualization.Toolkit
37     System.Windows.Controls.DomainServices
38     System.Windows.Controls.Input
39     System.Windows.Controls.Input.Toolkit
40     System.Windows.Controls.Layout.Toolkit
41     System.Windows.Controls.Navigation
42     System.Windows.Controls.Theming
43     System.Windows.Controls.Theming.*
44     System.Windows.Controls.Toolkit
45     System.Windows.Controls.Toolkit.Internals
46     System.Windows.Data

对，只有这么多类库可用！大大阉割了。大体上，这些类库可以分为以下几类：
·mscorlib、System 和 System.Core 这几个是.NET的核心类库，完整迁移到sl了
·Microsoft.CSharp 和 Microsoft.VisualBasic 这里表明可以使用 c#和vb.net特有的一些语言特性
·System.Json 和 System.Xml 这两个说明可以支持json和xml，心里有了个底
·System.Net 这个是好东西啊，点开看看！它支持Socket，WebClient，WebRequest等类，看来sl4在网络方面是下足了血本～
·System.ComponentModel.* 这个....对，在mvc项目中见到
        封装了对数据模型操作的一些辅助类
        如使用DataAnnotabion可以使用特性标签的方式对类的成员做方便的校验，没想到在sl里面见到老朋友了:)
·System.ServiceModel.* 这个是新东西
        在接触几个示例代码后，发现这是和wcf data service, wcf ria service相关的一些类库，封装了sl和服务器端的通讯协议
        这玩意....很庞大很陌生，要好好看看
·System.Windows.Controls.* 这个.....比较晕，对这些类库我有很大意见：
        关于命名空间
            看到这个命名空间，先是愣了一下，还以为是winform用的，狠不幸，它给wpf和silverlight无情的征用了:<
            老的winform控件库在哪儿呢？倒是没搬家，还是在System.Windows.Forms下面
            很显然，从这点看:
               （1）WPF和Silverlight共享一套控件类库；
               （2）并未使用 System.WPF 或 System.Silverlight命名空间，看来ms对wpf和sl的将来抱有极大的期望，取代winform是时间早晚的事？
        此外，WPF的控件太分散了
            它们分布在若干的命名空间中（而winform的控件完全在System.Windows.Froms下）
            这会造成什么影响呢，以下就是它给xaml带来冗长的弊病以及编程上记忆困难的毛病，如下：

        xmlns:riaControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.DomainServices"
        xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
        xmlns:dataForm="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit"
        xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
        <riaControls:DomainDataSource ...>
        <data:DataGrid ... />

2. SL 4 阉割掉的重要类库 System.Data.*

看着看着，忽然就疑惑了，数据操作呢？这么不见 System.Data.* 相关类库呢？
    对！就是没有！这意味着不能使用 ADO.NET 操作数据库，这个狠啊，阉割得利害.....
    经过查资料，调程序，得知sl可以使用 socket, webclient, webrequest, wcf, wcf data service, wcf ria service 来访问服务器数据。
    （1）其中，socket是要自己写通讯逻辑了，包括数据的结构，这适合游戏编程，若用来传递大批量的数据库数据，还有很大的封装代码量要做。
    （2）wcf简化了socket编程，可少关注些交互协议，数据量不大的情况也可以用做游戏编程，简单封装后也可以用于传递数据库数据，这个网上见到几个例程。
    （3）webClient和webrequest可以用http协议访问网站，这个.....可以用这个返回text、xml、json等文本数据，那么原有的jquery+webhandler架构就可以利用起来了。不过，sl4既然没有javascript了，json格式还有什么用呢？用System.Json还原成类对象应该是一个路子，这个有空可以做个示例。
    （4）wcf data service 原先好像叫 ado.net data service，还有wcf ria service，是微软提供的服务器端数据访问框架，是基于 linqToDb 和 EntityFrameWork 的，现阶段好像只支持 sqlserver。访问其它数据库？呃.....这个......我想，也不是不可以，应该有很大的工作量要做。

注：本来打算使用 sl来建类似 orale plsql developer 的软件，忽然就迷茫了，首先，sl4不支持ado.net无法直接操作数据库，此外，socket还有古怪的安全策略，先要用943端口给sl传递一个Policy文件，老的数据库端口程序当然没有这种逻辑，这个.....怎么玩？看来sl4好像就是限制死不能与老程序直接用socket通讯，必须重新开发服务器端程序。
注：至于其它阉割掉的类库或功能，可创建 Silverlight 类库项目，自己用代码实现，这是一个路子

3. 古怪冗长不合常规的xmal语法及属性定义方法

为什么要用外部属性：x:Name 而不是 Name？
        <Button x:Name="addNewEmployee" Width="90" Content="Add Employee" Margin="4,0,0,0"/>
        难道 Button 连个 Name 或者 ID 属性都没有么？
        此外，为什么用 Content 属性，而不是 Text 属性？

    为什么绑定表达式这么古怪且冗长？
        <data:DataGrid ... ItemsSource="{Binding Data, ElementName=employeeDataSource}" />
        <data:DataPager ... Source="{Binding Data, ElementName=employeeDataSource}" />
        为什么数据源有这么多的名称？ItemSource, Source, 为什么不用传统的 DataSource？
        为什么不直接是：<data:DataPager ... DataSource="employeeDataSource" />

    为什么资源表达式这么古怪且冗长？
        <TextBlock Text="Employee List" Style="{StaticResource HeaderTextStyle}" />
        为什么不直接是：<TextBlock Text="Employee List" Style="HeaderTextStyle" />

    为什么控件表达式这么冗长：

        <riaControls:DomainDataSource Name="employeeDataSource" LoadSize="20" QueryName="GetSalariedEmployees" AutoLoad="True">
            <riaControls:DomainDataSource.DomainContext>
                <ds:OrganizationContext/>
            </riaControls:DomainDataSource.DomainContext>
            <riaControls:DomainDataSource.SortDescriptors>
                <riaControls:SortDescriptor PropertyPath="VacationHours" Direction="Ascending" />
            </riaControls:DomainDataSource.SortDescriptors>
            <riaControls:DomainDataSource.FilterDescriptors>
                <riaControls:FilterDescriptor
                    PropertyPath="VacationHours"
                    Operator="IsGreaterThanOrEqualTo"
                    IgnoredValue=""
                    Value="{Binding ElementName=vacationHoursText, Path=Text}"  >
                </riaControls:FilterDescriptor>
            </riaControls:DomainDataSource.FilterDescriptors>
        </riaControls:DomainDataSource>
        而不是
        <riaControls:DomainDataSource Name="employeeDataSource" LoadSize="20" QueryName="GetSalariedEmployees" AutoLoad="True">
            <DomainContext>
                <ds:OrganizationContext/>
            </DomainContext>
            <SortDescriptors>
                <SortDescriptor PropertyPath="VacationHours" Direction="Ascending" />
            </SortDescriptors>
            <FilterDescriptors>
                <FilterDescriptor
                    PropertyPath="VacationHours"
                    Operator="IsGreaterThanOrEqualTo"
                    IgnoredValue=""
                    Value="{Binding ElementName=vacationHoursText, Path=Text}"  >
                </FilterDescriptor>
            </FilterDescriptors>
        </riaControls:DomainDataSource>

4. 其它感觉到不爽的地方：

在vs2010中 xaml 展示很慢很慢很慢，比aspnet webform 还慢得多
    为什么sl程序调试时不能更改代码？
    为什么sl不支持二进制序列化？
    sl调试时经常遇到莫名奇妙的错误，浏览器显示错误，空白一片

以上是个人学习sl 4遇到的一些疑问，请知情的园友不啻解答，非常感谢

------- 我是淫荡的分隔线 ----------------------------------------------------

/*备注*/

先谢谢大家的解答了：）
看了两天的书《Silverlight 4 in action》（推荐看看不错的），稍微解开一点疑惑，这里大致先写一下我的收获：

（1）关于 x:Name 属性
    WPF是支持用Name的，而silverlight只能用x:Name
    而且该书作者说为了兼容性，最好还是写成 x:Name
    但是....我还是讨厌x:Name，能简就应该简，去掉x，若能改用ID那是更喜欢

（2）Content 属性我理解了，这个可以接受。
    WPF绝大部分的控件都是继承至ContentControl，该类正代表了WPF灵活的UI模型
    该控件内部可以容纳任何UIElement对象，举个Button的例子，以下三种写法都可以：
    <Button Width="150" Height="75" Content="Hello!" />
    <Button Width="150" Height="75">
        <Button.Content>
            <TextBox Height="24" Text="TextBox" Width="100" />
        </Button.Content>
    </Button>
    <Button Width="200" Height="100">
        <StackPanel>
            <TextBlock Text="Playing" HorizontalAlignment="Center" />
            <MediaElement Height="75" Width="125" Stretch="Uniform" Source="PeteAtMIX10ch9.wmv" />
        </StackPanel>
    </Button>

（3）关于命名空间+对象+属性的表达式，我觉得还是相当的冗长，像这种语法：
      <riaControls:DomainDataSource
          <riaControls:DomainDataSource.SortDescriptors>
              <riaControls:SortDescriptor PropertyPath="VacationHours" Direction="Ascending" />
          </riaControls:DomainDataSource.SortDescriptors>
          ...
      </riaControls>
      缠缠绵绵浩浩荡荡的，简直不具备可读性

（4）关于数据绑定，也觉得相当的冗长。
    首先是表达式：
        <data:DataGrid ... ItemsSource="{Binding Data, ElementName=employeeDataSource}" />
        为什么不干脆一点用DataSource="employeeDataSource"呢
    其次，WPF中表示数据源的属性不统一，据我所知的有：
        属性名          使用者
        ------          -------
        ItemsSource     DataGrid
        Source          DataPager
        DataContext     Grid
    为什么不统一呢？有种感觉，微软的 WPF 和 ASP.NET 项目组似乎没有什么互动交流。
    属性名称这种东西是小，但遵循一致性的设计是很重要的，可以减少很多疑问。

（5）关于去除ado.net的问题，仔细想想炭炭同学说得是对的
     虽然说sl4支持tcp/udp，理论上直连数据库是没有问题的。但对于公开在广域网上的程序，如此多的客户端都保持数据库连接的确是不可想象的，只能用服务器端统一处理。
     我的本意是想做一个基于浏览器的类似 oralce plsql developer 那样的软件，实现数据库的管理以及语法高亮什么的，使用者不会太多，所以希望可以直连数据库，且不需要服务器。既然sl不支持ADO.NET，那只能另寻它法。
     题外话，现在桌面的程序，大部分都可以改造成浏览器版本，而sl就是一个很好的载体。若不考虑操作系统兼容的话，用浏览器承载WPF也不错。

（6）总得说来，xaml属性的语法我还是觉得很罗嗦，可读性比较差，不够清爽
     尤其是看惯了mvc view 辅助属性的简洁语法后，再来看xaml，觉得像眼睛里脑子里有一团毛线似的，晕忽忽的
     xaml可以看做是标准的xml，很严谨。但反过来说，xml太罗嗦了，所以才有json的兴旺
     也许，我感觉，以后会出现新的wpf界面引擎的，就像mvc下面的rasor一样

（7）此外，想咨询下，关于sl4与服务器端的数据库数据通讯，大家都采用什么技术？
     个人感觉wcf dataservice 和 wcf ria service 的实施对现有项目架构（基于jquery+服务器端生成json）的改动很大，老的技术积累都利用不起来；
     且ria service自动生成缠缠绵绵的代码，将技术细节封装得太高层了，心里总是没有那种看到实际代码逻辑，心里踏实的感觉
     此外，这两项技术和sqlserver结合太紧密了，以后想做数据库迁移是很困难的事，虽然说有各种开源项目支撑，如EntityFrameWork for oralce，但我需要一个灵活切换底层数据库的架构，不可能每切换一个数据库就去找相应的类库，如 EntityFrameWork for sqlite, for mysql, for .....
     那么，我自己是倾向于用 webrequest 和 webclient 来请求json数据这种方案（当然，可以做些遍历封装），这样服务器端逻辑都不用改动。
     你们呢？

昨天把随笔发出来后，感觉有些不安，毕竟对sl4了解得不够深，发表这些看法不够稳妥。但反过来想想，让完全没有接触过sl的程序员来编程，才能看出sl的易用性和学习难度如何，我也就坦然不改动原文了。虽然之前没有真正编写sl程序，但跟踪它已经很久了。微软的开发类产品，大家都知道的，没有3个版本是不会稳定的。在未稳定前，可以学习它，但不要轻易使用在产品中，除非经过详细的测试或者有这个专业需求。
平心而论，就功能而言，sl4的功能已经足够完善，至少足以与flash抗衡甚至更高出一些。毕竟是晚些出现的，可以汲取前者的优点，而且有语言上和开发环境上的优势。这次算是将它用作实际项目中，但我发现sl4的学习曲线并不平坦，光看网页上大家发表的一些sl功能文章是无法掌握sl的设计实现和编程原理，最终还是不得不静下心来下载出版的书籍来看。
题外话，再次推荐一下这本书《silverlight 4 in action》，这本书入门足够了，网上林林总总的sl文章也可以不用浪费时间看了，有很多还因为版本问题代码已经不能用了，会浪费学习时间。

再次谢谢大家热心的解答

本文链接

javascript 类和命名空间的模拟

2010-10-19T08:12:00Z

就当我是重复造轮子吧，整理该文档给有需要的人用，包括我:）

先上一段最简单的：

// 以下几行代码展示了命名空间、类、以及函数的模拟定义和使用：
NameSpace = {};
NameSpace.Class = function(){
this.Method = function(info){alert(info);}
};
new NameSpace.Class().Method("Hello world");

再来一些可见到的，各种情况的代码

1.类的模拟

  // 类定义
  function Class(info){
    // 私有成员
    var privateData = "private data";
    var privateMethod = function(){writeline("private");};
    function privateMethod2(info){writeline("private");}

    // 公有成员（使用this）
    this.Data = "public data";
    this.Method = function(){writeline(info);};
  };

  // 类的静态成员
  Class.StaticData = "static data";
  Class.StaticMethod = function(info){writeline(info);};

2.命名空间的模拟

function NameSpace(){}
或者
NameSpace = {};
或者
NameSpace = new Object();

3.目标：创建类实例，并调用实例方法

var o = new NameSpace.Class("hello world");

o.Method();

  // 使用已有的类定义，并用静态方法挂到NameSpace下
  NameSpace.Class1 = Class;
  new NameSpace.Class1("new NameSpace.Class1().Method()").Method();

  // 或者：新建类定义
  NameSpace.Class2 = function(info){
    this.Method = function(){writeline(info);};
  };
  new NameSpace.Class2("new NameSpace.Class2().Method()").Method();

4.目标：调用类的静态函数

NameSpace.Class.StaticMethod();

  // 静态对象+静态方法
  NameSpace.Class3 = {};  // {}表示这是一个对象，或者用new object();
  NameSpace.Class3.Method = function(info) {writeline(info);};
  NameSpace.Class3.Method("NameSpace.Class3.Method()");

  // 或者：new一个对象赋予静态成员
  NameSpace.Class4 = new Class("NameSpace.Class4.Method()");
  NameSpace.Class4.Method();

  // 或者：匿名函数用于定义类，再用new创建对象
  NameSpace.Class5 = new (function(info){
    this.Method = function(){writeline(info);};
  })("NameSpace.Class5.Method()");
  NameSpace.Class5.Method();

  // 或者：JSON方式（类定义+创建同时完成）
  // 优点是简单，缺点是不能传递参数进去
  NameSpace.Class6 = {
    Method : function(info){writeline(info);}
  };
  NameSpace.Class6.Method("NameSpace.Class6.Method()");

代码下载：/Files/surfsky/oo.htm

ps.很开心，vs2010对js的智能感知越来越好用了:p

本文链接

ASP.NET MVC 换肤方案

2010-10-12T05:25:00Z

这个换肤是指动态切换视图文件夹，不是指换css和image，你懂的....

使用起来也很简单，核心就这么几句：

    public class Global : System.Web.HttpApplication
    {
        protected void Application_Start(object sender, EventArgs e)
        {
            InitRouting(RouteTable.Routes);

            // 使用自定义的皮肤视图引擎 SkinViewEngine
            // 对应的视图文件夹为：/Skins/皮肤名称/控制器名称/
            // 设置皮肤：HttpContext.SetSkinName(skin);
            // 获取皮肤：string skinName = HttpContext.GetSkinName();
            ViewEngines.Engines.Clear();
            ViewEngines.Engines.Add(new SkinViewEngine(GetSkins()));
        }

        private static void InitRouting(RouteCollection routes)
        {
            routes.MapRoute("default", "{controller}/{action}", new {controller="engine", action="index"});
        }

        // （遍历Skins目录）获取网站能提供的所有皮肤方案
        public static string[] GetSkins()
        {
            List<string> skins = new List<string>();
            string skinFolder = HttpContext.Current.Server.MapPath("~/Skins/");
            foreach (string folder in Directory.GetDirectories(skinFolder))
                skins.Add(new DirectoryInfo(folder).Name);
            return skins.ToArray();
        }
    }

代码下载：/Files/surfsky/MvcSkinDemo.rar

本文链接

关于MVC项目目录结构调整的想法

2010-10-11T01:45:00Z

MVC项目的默认目录结构：

Scripts : js 文件

Content : css, image 等文件

Controllers : 控制器目录

HomeController.cs : Home 控制器，对应的视图在Views/Home/目录下

ProductController.cs : Product 控制器，对应的视图在Views/Product目录下

Models : 模型目录，里面放实体类代码

Views : 视图目录

Home : Home视图目录，对应HomeController.cs

Index.aspx : Home/Index视图，对应HomeController.Index方法

Create.aspx : Home/Create视图，对应HomeController.Create方法

Product : Product视图目录，对应ProductController.cs

Index.aspx : Product/Index视图，对应ProductController.Index方法

Create.aspx : Product/Create视图，对应ProductController.Create方法

Shared : 共享的一些视图，用户控件，masterpage等可以放在这

web.config : 该文件禁止了直接访问该目录下的视图。所有的请求都由路由以及控制器控制

Default.aspx : 默认页

global.asax : 在该文件中写了路由规则

web.config : 网站配置文件

我的想法：

（1）script、css以及image经常是组合在一起使用的（如jqGrid），强行分成两个目录很不方便，建议合并

（2）在实际使用中查找Controller和对应的视图有点麻烦，必须在两个不同的目录下查找。

·虽说控制器和视图是低耦合的，但毕竟还是有千丝万缕的关系

·将控制器和视图分在两个目录存放，编程过程中经常会有思维中断的现象出现

·不像webform那样，直接双击asp页面的控件就可以跳到cs页面，思维上和操作上都很自然

我建议，对于小型项目可以将controller文件都放到对应的视图文件夹中。

故调整后的目录如：

Content : css, image，js 等文件

Models : 模型目录，里面放实体类代码

Views : 视图目录

Home : Home视图目录，对应HomeController.cs

HomeController.cs : Home 控制器，对应的视图在Views/Home/目录下

Index.aspx : Home/Index视图，对应HomeController.Index方法

Create.aspx : Home/Create视图，对应HomeController.Create方法

Product : Product视图目录，对应ProductController.cs

ProductController.cs : Product 控制器，对应的视图在Views/Product目录下

Index.aspx : Product/Index视图，对应ProductController.Index方法

Create.aspx : Product/Create视图，对应ProductController.Create方法

Shared : 共享的一些视图，用户控件，masterpage等可以放在这

web.config : 该文件禁止了直接访问该目录下的视图。所有的请求都由路由以及控制器控制

Default.aspx : 默认页

global.asax : 在该文件中写了路由规则

web.config : 网站配置文件

对于小型的项目，这样编程思路不会被切换控制器和视图的操作所打断，内容组织使用上也很方便，大家不妨试试 :)

本文链接

ASP.NET Razor 视图引擎编程参考

2010-10-07T08:40:00Z

转载请注明出处：http://surfsky.cnblogs.com

Rasor 视图引擎
    http://msdn.microsoft.com/zh-cn/library/ff849693.aspx
    http://www.microsoft.com/downloads/en/details.aspx?FamilyID=b7937c34-3b53-47b7-ae17-5a72fa700472&displaylang=en
    http://aspnet.codeplex.com/wikipage?title=WebPages&referringTitle=Home

优点：“干练简单”

可以用它来做MVC视图引擎，也可以直接用它来编写传统类似php式的网站，非常轻便。

语法识别
    嵌入变量
        <h3>Hello @name, the year is @DateTime.Now.Year </h3>
        <a href="/products/details/@productId">the product</a>
    表达式（括号）
        <p>Your message : @("Number is: " + number) </p>
    代码块（花括弧）
        @{
          int number = 1;
          string message = "Number is " + number;
        }
        @{ var myQuote = @"The person said: ""Hello, today is Monday."""; }
    <text>标签
        if (i > 0) {
          <text>;</text>
        }
    智能区别@
        <p>mail scottgu@microsoft.com telling : @Date.Now.</p>
        可以显式地打@@来用另外一个”@”字符进行转义

判断
    @if(products.Count == 0){
      <p>Sorry - no products in this category </p>
    }else{
      <p>We have a products for you!</p>
    }
    @if (DateTime.Now.Year == 2010){
      <span>
        the date: @DateTime.Now
      </span>
    }

循环
    <ul id="products">
      @foreach(var p in products){
        <li>@p.Name ($@p.Price) </li>
      }
    </ul>

模板
    <!DOCTYPE html>
    <html>
      <body>
        <div>@RenderSection("menu", optional:true)</div>
        <div>@RenderBody()</div>
        <div>@RenderSection("footer", optional:true)</div>
      </body>
    </html>
    -----------------------------
    @{LayoutPage = "sitelayout.cshtml";}
    <p>current datetime: @DateTime.Now</p>
    @section menu{
      <ul id="sub-menu">
        <li>item1</li>
        <li>item2</li>
      </ul>
    }
    @section footer{
      <p>this is my custom footer</p>
    }

辅助函数
    @Html.LabelFor(m => m.ProductID)
    @Html.TextBoxFor(m => m.ProductID)
    @Html.ValidationMessageFor(m => m.ProductID)

创建辅助函数
    @helper ProductListing(List<Product> products){
      <ul>
        @foreach(var p in products){
          <li>@p.Name ($@p.Price)</li>
        }
      </ul>
    }
    <div>@ProductListing(Model.Products)</div>

函数参数
    <h1>small bakery products</h1>
    @Grid.Render(
      data: Model.products,
      tableStyle: "grid",
      headerStyle: "head",
      alternationRowStyle: "alt",
      columns: Grid.Columns(
        Grid.Column("Name", "Product", style:"Product"),
        Grid.Column("Description", format:@(<i>@item.Description</i>),
        Grid.Column("Price", format:@<span>$@item.Price</span>)
      )
    )

函数
    @using System.Text;
    @functions {
      public static IHtmlString Repeat(int times, Func<int, object> template) {
        StringBuilder builder = new StringBuilder();
        for(int i = 0; i < times; i++) {
          builder.Append(template(i));
        }
        return new HtmlString(builder.ToString());
      }
    }
    @Repeat(10,　@<li>List　Item</li>);
    @Repeat(10,　@<li>List　Item　#@item</li>);

类型转换
    var myStringNum = "539";
    var myStringBool = "True";
    var myStringFloat = "41.432895";
    var myStringDec = "10317.425";
    var myDateString = "12/27/2010";
    -------------------------------
    if(myStringNum.IsInt()==true)
    var myIntNumber = myStringNum.AsInt();
    var myVar = myStringBool.AsBool();
    var myFloatNum = myStringFloat.AsFloat();
    var myDecNum = myStringDec.AsDecimal();
    var newDate = myDateString.AsDateTime();

文件
    访问cshtml文件均无需加扩展名。如：~/Gallery/Index
    下划线开始的cshtml文件不能单独运行（一般是做为模板文件、公共控件）
    几个特殊文件
        _init.cshtml
          @{
            // Set the layout page for the whole site
            LayoutPage = "_Master.cshtml";
          }
        _start.cshtml
          @{
            WebSecurity.InitializeDatabaseConnection("PhotoGallery", "UserProfiles", "UserId", "Email", true);
          }


--------------------------------
-- more
--------------------------------
@Inherits System.Web.Mvc.WebViewPage
    View.Title = "Home Page";
    LayoutPage = "~/Views/Shared/_layout.cshtml";
    View.Message

Login
    check
        if (WebSecurity.IsAuthenticated){
          欢迎您,<b>@WebSecurity.CurrentUserName</b>!
          @Html.ActionLink("注销", "LogOff", "Account")
        }
        else{
          @Html.ActionLink("登录", "LogOn", "Account")
        }
        @if (WebSecurity.IsAuthenticated) {
            <span>Welcome <b><a href="@Href("~/Account/ChangePassword")">@WebSecurity.CurrentUserName</a></b>!
            [ <a href="@Href("~/Account/Logout")">Logout</a> ]</span>
        } else {
            <span>[ <a href="@Href("~/Account/Login")">Login</a> | <a href="@Href("~/Account/Register")">Register</a> ]</span>
        }
    login
        // Attempt to login to the Security object using provided creds
        if (WebSecurity.Login(username, password, rememberMe)) {
            Response.Redirect("~/");
        }
    logout
        WebSecurity.Logout();
    regist
        WebSecurity.CreateAccount(email, password, requireEmailConfirmation)
        WebSecurity.ConfirmAccount(confirmationToken)
        WebSecurity.GetUserId(email)
        WebSecurity.GeneratePasswordResetToken(email)
    password
        WebSecurity.ResetPassword(passwordResetToken, newPassword)
        WebSecurity.ChangePassword(WebSecurity.CurrentUserName, currentPassword, newPassword)

Template
    @RenderPage("/Shared/_Header.cshtml")
    @RenderPage("/Shared/_Footer.cshtml")
    @RenderBody()
    @RenderSection("fffff")

microsoft sql server compact edition
    var db = Database.OpenFile("database.sdf");
    var sql = "select * from table1";
    var data = db.Query(sql);
    Database.Execute(sql)

fileupload
    @FileUpload.GetHtml(
      initialNumberOfFiles: 1,
      allowMoreFilesToBeAdded: false,
      includeFormTag: true,
      uploadText: "Upload"
      )

Image
    WebImage.Resize();
    WebImage.FlipVertical();
            .FlipHorizontal();
            .FlipLeft();
            .FlipRight();
    WebImage.AddTextWatermark();
    WebImage.AddImageWatermark();

Video
    @Video.Flash(
        path: "testFlash.swf",
        width: "400",
        height: "600",
        play: true,
        loop: true;
        menu: false,
        bgColor: "red",
        quality: "medium",
        scale: "exactfit",
        windowMode: "transparent"
        );
    @Video.MediaPlayer()
    @Video.Silverlight()

Toolkit(Microsoft.WebPages.Helpers.Toolkit.dll)
    Twitter
        @Twitter.Profile("haacked")
    Facebook
    Gravator
    Recaptcha

Form Postback
    <form action="" method="post">
        <p>
          <label for="text1">First Number:</label>
          <input type="text" name="text1" />
        </p>
        <p>
          <label for="text2">Second Number:</label>
          <input type="text" name="text2" />
        </p>
        <p><input type="submit" value="Add" /></p>
    </form>
    <p>@totalMessage</p>
    @{
        var totalMessage = "";
        if(IsPost) {
            var num1 = Request["text1"];
            var num2 = Request["text2"];
            var total = num1.AsInt() + num2.AsInt();
            totalMessage = "Total = " + total;
        }
    }

mail
    Mail.Send(
      to: email,
      subject: "Please reset your password",
      body: "Use this password reset token to reset your password. The token is: " + resetToken + @". Visit <a href=""" + resetUrl + @""">" + resetUrl + "</a> to reset your password."
    );
    Mail.SmtpServer.IsEmpty()

--------------------------------
-- 可用的 MVC 辅助函数和辅助类
--------------------------------
@Inherits System.Web.Mvc.WebViewPage
@Inherits System.Web.Mvc.WebViewPage<IList<RasorSample.Models.Category>>
@model LIst<Product>

@PageData["Title"]       用于页面内数据共享，如masterpage和contentpage共享
@Href("~/Site.css")      获取url
@WebSecurity             封装了用户安全相关函数
@UrlData[0]              应该等效于Request["..."]
@Html.PageLink("View", (string)similarTags[i].TagName, (string)similarTags[i].TagName)
<a href="@HrefAttribute("View", tag.TagName)">

本文链接

ASP.NET MVC 编程参考

2010-10-07T08:33:00Z

转载请注明出处：http://surfsky.cnblogs.com

MVC
    参考 http://msdn.microsoft.com/zh-cn/dd408813.aspx
    MVC 的基本思想
        ·Module      : 模型。可以看做实体类，可用各种技术实现，例如Microsoft Entity Framework、NHibernate等
        ·View        : 视图。可以与某个实体类关联，此时视图则负责展示该实体类
        ·Controller : 控制器。接受请求，获取模型数据，并指派指定的视图展示之
    MVC 是一种网页框架，jsp、php、asp.net都可以用到，呃asp...这个好像不能
    MVC 是一种很好的分离实现，将用户操作、数据和视图很好的分离开来，便于协同开发，也便于测试
    MVC 现阶段最糟糕的缺点在于控件太少，若要完成内置ajax功能的MVC控件则更是少之又少
    MVC 3 快出来了，razor视图引擎也快出来了，我觉得可以学习一下了，于是就有了这篇编程参考......

目录结构
    Scripts               : js 文件
    Content               : css, image 文件
    Controllers           : 控制器目录
        HomeController.cs : Home 控制器，对应的视图在Views/Home/目录下
    Models                : 模型目录，里面放实体类代码
    Views                 : 视图目录
        Home              : Home目录，对应HomeController.cs
            Create.aspx   : Home视图，对应HomeController.Create方法
            Index.aspx    : Home视图，对应HomeController.Index方法
        Shared            : 共享的一些视图
        web.config        : 该文件禁止了直接访问该目录下的视图。所有的请求都由路由以及控制器控制
    Default.aspx          : 默认页
    global.asax           : 在该文件中写了路由规则
    web.config            : 网站配置文件

------------------------------------------------------
Route（路由）
aspnet mvc中大量采用路由来重写路径
------------------------------------------------------
MVC模型的 URL
    ·URL默认模式为：/控制器/方法名/参数。和页面不是对等的，不会显示例如aspx 之类的文件扩展名
    ·除了IIS 7.0集成模式外，在iis下部署必须
        （1）将.*映射到C:\Windows\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll
        （2）关闭选项：“检查文件是否存在（Verify that file exists）”
        参考: http://msdn.microsoft.com/zh-cn/dd320350.aspx
    ·在Web.config 中启用路由：
        system.web.httpModules 部分
        system.web.httpHandlers 部分
        system.webserver.modules 部分
        system.webserver.handlers 部分
        注意不要删除这些部分，因为没有这些部分路由就无法工作

默认路由（推荐路由）
    在Application_Start中对路由进行控制
        protected void Application_Start()
        {
             RegisterRoutes(RouteTable.Routes);
        }
        public static void RegisterRoutes(RouteCollection routes)
        {
             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
             routes.MapRoute(
                 "Default",                                             // 路由名称
                 "{controller}/{action}/{id}",                          // 路由模式
                 new {controller = "Home", action = "Index", id = ""}   // 默认路由
             );
        }
    路由示例
        /Product/Details/3 解析为：
            Controller = ProductController
            Action = Details
            Id = 3
            执行代码（路由器使用反射）：ProductController.Detail(3)
        /Employee 解析为：
            Controller = EmployeeController
            Action = Index
            Id = ""
            执行代码：EmployeeController.Index(null)
        / 解析为：
            Controller = HomeController
            Action = Index
            Id = ""
            执行代码：EmployeeController.Index(null)
    注：若无法更改iis配置，也可以使用另外一种映射方案
        {controller}.aspx/{action}/{id}
        可以映射如下链接：
            /Home.aspx/Index
            /Product.aspx/Details/3
            /Product.aspx
        控制器扩展名要改成aspx
        确保所有的页面链接都包含.aspx 扩展名（或直接使用 Html.ActionLink()函数）
        详细请参考：http://msdn.microsoft.com/zh-cn/dd320350.aspx

自定义路由
    routes.MapRoute(
        "blog",
        "Archive/{entryDate}",
        new {controller = "Archive", action = "Entry"}
        );
    则路径：/Archive/2010-01-01 会映射到 ArchiveController.Entry(DateTime entryDate)方法

------------------------------------------------------
Module（模型）
可以看成是实体类，是传递给视图的强类型对象。
------------------------------------------------------
例如：
    public class Product
    {
        public int      ProductID     {get; set;}
        public string   ProductName   {get; set;}
        public Decimal? UnitPrice     {get; set;}
        public bool     Discontinued {get; set;}
        public virtual Category Category {get; set;}
    }
    public class Category
    {
        public int    CategoryId    {get; set;}
        public string CategoryName {get; set;}
        public string Description   {get; set;}
        public byte[] Picture       {get; set;}
        public virtual ICollection<Priduct> Products{ get; set;}
    }
    public class Northwind : DbContext
    {
        public DbSet<Product> Products {get; set;}
        public Dbset<Category> Categories {get; set;}
    }

调用方法
    Northwind northwind = new Northwind();
    var products = from p in northwind.Products
                   where p.Discontinued == false
                   select p;

注：推荐使用《EntityFramework 4 代码优先》方案
直接写类即可，可自动生成数据库表，适合快速建模（现在还是ctp版本）
http://blog.joycode.com/scottgu/archive/2010/09/06/116066.joy

------------------------------------------------------
Controller（控制器）
控制器用于响应用户需求，生成相应的模型并传递给指定视图令其输出
------------------------------------------------------
Controller 基本成员
    上下文
        HttpContext           :
        Request               :
        Response              :
        Server                :
        Session               :
        Url                   :
        User                  : 用户认证信息（IPricipal对象）
    数据载体
        ViewData              : 视图数据
        ModelData             : 模型数据
        TempData              : 临时数据
        RouteData             : 路由数据
        ModelState            : 提交上来的模型数据是否验证正确
    其它
        ActionInvoker         :
        TempDataProvider      : 临时数据提供者
    方法
        UpdateModel(T)        : 根据提交上来的视图数据来更新模型数据

控制器代码结构
    public class HomeController : Controller
    {
        //...若干返回类型为ActionResult的方法
        public ActionResult Create()
        {
            return View();
        }
    }

ActionResult 类别（以下类型都是ActionResult的子类）
    类型                  方法          说明
    ----                  ----          ----
    ViewResult            View()        将视图呈现为网页。
    PartialViewResult     PartialView() 呈现分部视图，该分部视图定义可呈现在另一视图内的某视图的一部分。
    RedirectResult        Redirect()    使用其 URL 重定向到另一操作方法。
    RedirectToRouteResult RedirectToAction(),RedirectToRoute() 重定向到另一操作方法。
    ContentResult         Content()     返回用户定义的内容类型。
    JsonResult            Json()        返回序列化的 JSON 对象。
    JavaScriptResult      JavaScript() 返回可在客户端上执行的脚本。
    FileResult            File()        返回要写入响应中的二进制输出。
    EmptyResult         （无）          表示在操作方法必须返回 null 结果 (void) 的情况下所使用的返回值。

直接输出文本
    方法返回值为ContentResult
        public ContentResult Demo()
        {
             return Content("Hello World!");
        }
    若返回类型不是ActionResult，其结果也会被自动封装在 ContentResult 中
        public DateTime Time()
        {
            return DateTime.Now;
        }

返回与方法名相同的视图（/HOME/Create）
    public ActionResult Create()
    {
        return View();
    }

返回指定的视图（名称为“Fred”）
    public ActionResult Other()
    {
        return View(“Fred”);
    }

用ViewData将数据传递给视图
    public ActionResult Details()
    {
         ViewData["message"] = "Hello World!";
         return View();
    }
    <%=Html.Encode(ViewData["message"])%>
    <%:ViewData["message"]%>
    @ViewData["message"]

用TempData将数据传递给视图
    public ActionResult TempDataWay(int id)
    {
        Book book = bookRepository.GetBook(id);
        TempData["Countries"] = new SelectList(PhoneValidator.Countries, book.Country);
        return View(book);
    }
    TempData 与 ViewData的区别在于TempData在RedirectAction后仍然可以使用
    具体可查看：http://www.cnblogs.com/zhuqil/archive/2010/08/03/Passing-Data-from-Controllers-to-View.html

将模型传递给视图
    将实体对象传递给视图
        public ActionResult Details(int Id)
        {
             var product = new Product(Id, "Laptop");
             return View("Details", product);
        }
        var product = ViewData.Model;
        @Model.Id
    将数据dinners实体集合传递给视图
        public ActionResult Index()
        {
            var dinners = from d in NerdDinners
                          where d.EventDate > DateTime.Now
                          select d;
            return View(dinners.ToList());
        }
        foreach (Dinner d in (IEnumerable)ViewData.Model)

视图参数（可用为空对象或者默认参数实现）
    // 返回Detail视图（/HOME/Detail/n）
    // 或者 public ActionResult Details(int Id=0)
    public ActionResult Details(int? id)
    {
         if (id == null)
              return RedirectToAction("Index");
         return View();
    }

处理Post消息
    // 使用FormCollection参数
    [HttpPost]
    public ActionResult ViewDataWay(int id, FormCollection collection)
    {
        Book book = bookRepository.GetBook(id);           // 获取原数据
        UpdateModel<Book>(book);                          // 根据返回值自动更新实体。也可以简写为UpdateModel(book)
        bookRepository.Save(book);                        // 保存新数据
        return RedirectToAction("Details", new {id=id}); // 跳到详细视图
    }
    // 使用ModelWrapper
    [HttpPost]
    public ActionResult Create(Dinner dinner)
    {
        if (ModelState.IsValid)
        {
            nerdDinners.Dinners.Add(dinner);
            nerdDinners.SaveChanges();
            return RedirectToAction("Index");
        }
        return View(dinner);
    }

渲染片段（类似控件）
    Html.RenderPartial("MovieTemplate", m);
    -------------------------------------
    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MovieTemplate.ascx.cs" Inherits="System.Web.Mvc.ViewUserControl<Movie>" %>
    <tr>
         <td> <%=ViewData.Model.Id%></td>
         <td> <%=Html.Encode(ViewData.Model.Title)%></td>
         <td> <%=ViewData.Model.DateReleased.ToString("D")%></td>
    </tr>


渲染其它action结果（Child Action）
    <%= Html.Action("LogOnWidget", "Account") %>
    -------------------------------------
    public ViewResult LogOnWidget()
    {
        ...
        return View(...);
    }
    -------------------------------------
    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
    <%@ Import Namespace="AccountProfile.Controllers"%>
    <%if (Request.IsAuthenticated) {%>
        Welcome <b><%= Html.Encode(Page.User.Identity.Name) %></b>!
        [ <%= Html.ActionLink("Log Off", "LogOff", "Account") %> | <%= Html.ActionLink("Profile", "Show", "Profile", new RouteValueDictionary(new { username = Html.Encode(Page.User.Identity.Name) }), null)%> ]
    <%}else {%>
        [ <%= Html.ActionLink("Log On", "LogOn", "Account") %> ]
    <%}%>

输出json文本
    [HttpPost]
    public ActionResult SearchByLocation(float latitude, float longitude)
    {
        var dinners = dinnerRepository.FindByLocation(latitude, longitude);
        var jsonDinners = from dinner in dinners.AsEnumerable()
                          select JsonDinnerFromDinner(dinner);
        return Json(jsonDinners.ToList());
    }

输出文件
    file
        var path = Server.MapPath("~/Files/鹤冲天.zip");
        var name = Path.GetFileName(path);
        return File(path, "application/x-zip-compressed", Url.Encode(name));
    byte[]
        byte[] data = Encoding.UTF8.GetBytes("欢迎访问鹤冲天的博客 http://www.cnblogs.com/ldp615/");
        return File(data, "text/plain", "welcome.txt");
    stream
        var path = Server.MapPath("~/Files/鹤冲天.zip");
        var fileStream = new FileStream(path, FileMode.Open);
        var zipInputStream = new ZipInputStream(fileStream);
        var entry = zipInputStream.GetNextEntry();
        return File(zipInputStream, "application/pdf", Url.Encode(entry.Name));
        ------------------------------
        var stream = new WebClient().OpenRead("http://files.cnblogs.com/ldp615/Mvc_TextBoxFor.rar");
        return File(stream, "application/x-zip-compressed", "Mvc_TextBoxFor.rar");

输出缓存（适合于直接输出文本或者图像的场合）
    在controll中指定
        [OutputCache(VaryByParam = "none", Duration = 300)]
        public ActionResult RSS()
        {
            var dinners = dinnerRepository.FindUpcomingDinners();
            if (dinners == null)
                return View("NotFound");
            return new RssResult(dinners.ToList(), "Upcoming Nerd Dinners");
        }
    在View窗口声明
        <%@ OutputCache Duration="#ofseconds"
           Location="Any | Client | Downstream | Server | None |
             ServerAndClient "
           Shared="True | False"
           VaryByControl="controlname"
           VaryByCustom="browser | customstring"
           VaryByHeader="headers"
           VaryByParam="parametername"
           VaryByContentEncoding="encodings"
           CacheProfile="cache profile name | ''"
           NoStore="true | false"
           SqlDependency="database/table name pair | CommandNotification"
        %>

限制必须是Ajax访问
    public ActionResult Discover(string identifier)
    {
        if (!this.Request.IsAjaxRequest()) {
            throw new InvalidOperationException();
        }
        ...
    }

自定义ActionResult
    FileNotFoundResult
        public class FileNotFoundResult : ActionResult
        {
            public string Message { get; set;}
            public override void ExecuteResult(ControllerContext context) {
                throw new HttpException(404, Message);
            }
        }
        if (id == null)
            return new FileNotFoundResult { Message = "No Dinner found due to invalid dinner id" };
    RssResult
        public class RssResult : FileResult
        {
            public List<Dinner> Dinners { get; set; }
            public string Title { get; set; }
            private Uri currentUrl;
            public RssResult() : base("application/rss+xml") { }
            public RssResult(List<Dinner> dinners, string title) :this()
            {
                this.Dinners = dinners;
                this.Title = title;
            }
            public override void ExecuteResult(ControllerContext context)
            {
                currentUrl = context.RequestContext.HttpContext.Request.Url;
                base.ExecuteResult(context);
            }
            protected override void WriteFile(System.Web.HttpResponseBase response)
            {
                var items = new List<SyndicationItem>();
                foreach (Dinner d in this.Dinners)
                {
                    string contentString = String.Format("{0} with {1} on {2:MMM dd, yyyy} at {3}. Where: {4}, {5}",
                                d.Description, d.HostedBy, d.EventDate, d.EventDate.ToShortTimeString(), d.Address, d.Country);
                    var item = new SyndicationItem(
                        title: d.Title,
                        content: contentString,
                        itemAlternateLink: new Uri("http://nrddnr.com/" + d.DinnerID),
                        id: "http://nrddnr.com/" + d.DinnerID,
                        lastUpdatedTime: d.EventDate.ToUniversalTime()
                        );
                    item.PublishDate = d.EventDate.ToUniversalTime();
                    item.Summary = new TextSyndicationContent(contentString, TextSyndicationContentKind.Plaintext);
                    items.Add(item);
                }
                SyndicationFeed feed = new SyndicationFeed(
                    this.Title,
                    this.Title, /* Using Title also as Description */
                    currentUrl,
                    items);
                Rss20FeedFormatter formatter = new Rss20FeedFormatter(feed);
                using (XmlWriter writer = XmlWriter.Create(response.Output))
                {
                    formatter.WriteTo(writer);
                }
            }
        }

未处理action
    protected override void HandleUnknownAction(string actionName)
    {
        throw new HttpException(404, "Action not found");
    }

特性标签（过滤器）
    [HttpPost]：该方法只接受post请求
    [Authorize]：过滤器提供了一种声明的方式来控制对Controller或Action方法的访问权限，它允许你表示用户必须已经登录，或者要求他们必须是某个特定的用户或是某个特定的安全角色才能访问。这个过滤器可以用于任何类型的认证方式（包括基于Windows以及Forms的认证），还提供了自动将匿名用户转向到登录页面的支持。
    [ChildActionOnly]：只能由RenderAction方法调用

验证输入参数
    [HttpPost]
    public ActionResult Exp1(Models.UserModel user)
    {
        //如果错误，调用ModelState的AddModelError方法，第一个参数需要输入出错的字段名
        if (user.Name.Length > 20)
            ModelState.AddModelError("Name", "名字不得超过20个字符");

//判断ModelState中是否有错误
        if (ModelState.IsValid)
            return RedirectToAction("Index");
        else
            return View(user);
    }

------------------------------------------------------
View（视图）
用于展示。可与具体实体类模型相关联
------------------------------------------------------
ViewPage : Page
    主要的一些特殊成员
        Ajax
        Html
        Model
        ViewData
        TempData
        ViewContext
        Url
    看到这个父类Page，是不是觉得有点笨重了？
    个人很喜欢razor引擎，它的父类应该不是ViewPage

aspx 视图引擎
    <ul>
      <%foreach(var d in Model){ %>
        <li>
          <%=d.Title %> (<%=d.EventDate%>)
        <li>
      <%}%>
    </ul>
    <p><%=Html.ActionLink("Create New Dinner", "Create")%></p>

razor 视图引擎
    <h1>Upcoming Diners</h1>
    <ul>
    @foreach(var d in Model){
      <li>@d.Title (@d.EventDate)<li>
    }
    </ul>
    <p>@Html.ActionLink("Create New Dinner", "Create")</p>
    关于razor请参考razor引擎相关章节

强类型页面视图
<%@ View Language="C#" Inherits="System.Web.Mvc.ViewPage<xxx>" %>
Model.xxx

用户控件视图
    LoginStatus.ascx
        <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
        <%@ Import Namespace="NerdDinner" %>
        <%if (Request.IsAuthenticated) {%>
            Welcome <b><%: ((NerdIdentity)Page.User.Identity).FriendlyName %></b>!
            [ <%: Html.ActionLink("Log Off", "LogOff", "Account") %> ]
        <%}else {%>
            [ <%: Html.ActionLink("Log On", "LogOn", new { controller = "Account", returnUrl = HttpContext.Current.Request.RawUrl }) %> ]
        <%}%>
    DateTime.ascx
        <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>
        <%: Html.TextBox("", String.Format("{0:yyyy-MM-dd HH:mm}", Model)) %>
        <script type="text/javascript">
            $(function () {
                $('#EventDate').datetime({userLang: 'en', americanMode: true});
            });
        </script>
    CountryDropDown.ascx
        <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.String>" %>
        <%: Html.DropDownList("", new SelectList(NerdDinner.Helpers.PhoneValidator.Countries, Model)) %>
    Alert.ascx
        <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
        <script type="text/jscript">
            alert('<%=ViewData["JSAlert"] %>');
            window.location.href = '<%=ViewData["JSHref"] %>';
        </script>
        public ActionResult Test()
        {
            ViewData["JSAlert"] = "保存成功";
            ViewData["JSHref"] = "保存成功";
            return PartialView("JS");
        }


------------------------------------------------------
HelperClass（视图中使用的辅助类）
------------------------------------------------------
同winform相比，只有简单的aspnet控件可用（如repeater），复杂的有postback逻辑的控件都不能用了
同asp相比，似乎mvc视图又回到asp的标签年代，代码和逻辑看起来仍是混杂的，又要自己手工拼凑tag了，那和asp有什么区别呢？
    （1）mvc视图大量使用helper模式的类，如类HtmlHelper、UrlHelper，为快速创建form控件提供辅助，如：
        Html.BeginForm()
        Html.ValidateSummary(true)
        Html.LabelFor(dinner => dinner.Title)
        Html.TextBoxFor(dinner => dinner.Title)
        Html.ValidateMessageFor(dinner => dinner.Title)
    （2）以及种种mvc模式下的控件（一般由三方控件商提供），如telerik的开源mvc控件，如：
        Html.Telerik().DatePicker()
            .Name("DatePicker")
            .MinDate(Model.MinDate.Value)
            .MaxDate(Model.MaxDate.Value)
            .Value(Model.SelectedDate.Value)
            .ShowButton(Model.ShowButton.Value)
        一般说来，mvc的控件具有以下特点：
            ·无viewstate数据，不保持控件状态，刷新页面后就还原了
            ·以helper代码的方式提供控件，而非传统的tag。如：@Html.Grid(....);
            ·post操作用ajax来实现，对应到某个controller method
    （3）mvc视图可以接受contoller传递进来的数据，封装在ViewData和Model中

HtmlHelper
    普通方法
        Html.BeginForm()          : using (Html.BeginForm()) {...}
        Html.EndForm()            : Html.EndForm()
        Html.ActionLink()         : Html.ActionLink("Find Dinner", "Index", "Home")
        Html.CheckBox()           : <%: Html.CheckBox("rememberMe") %> <label for="rememberMe">Remember me?</label>
        Html.DropDownList()       : Html.DropDownList("", new SelectList(new[]{"France", "Germany", "US"}))
        Html.Hidden()             : Html.Hidden("ReturnUrl", Request.QueryString["ReturnUrl"], new { id = "ReturnUrl" })
        Html.ListBox()            : listbox
        Html.Password()           : Html.Password("password")
        Html.RadioButton()        : radio
        Html.TextArea()           : text area
        Html.TextBox()            : Html.TextBox("Email")
        Html.ValidationSummary() : Html.ValidationSummary("请输出正确的数据")
        Html.ValidateMessage()    : Html.ValidateMessage("password")
        -----------------------------------------------
        SelectList
            // 枚举转化为SelectList
            public static SelectList ToSelectList<TEnum>(this TEnum enumObj)
            {
              var values = from TEnum e in Enum.GetValues(typeof(TEnum))
                           select new { ID = e, Name = e.ToString() };
              return new SelectList(values, "Id", "Name", enumObj);
            }
    强类型方法（会检索实体类的特性，做出智能反馈）
        Html.DisplayFor()         :
        Html.LabelFor()           : Html.LabelFor(c=>c.Name)。获取特性DisplayName
        Html.ValidationMessageFor : Html.ValidationMesssageFor(c=>c.Name)。获取验证相关的特性
        Html.EditorFor()          : Html.EditorFor(c=>c.Name)。会根据类型输出合适的<input/>元素，对于复杂对象还会生成控件组。
        ...
        ----------------------------------------------
        注：EditorFor
            会根据类型输出合适的<input/>元素
            可指定复杂对象使用的partial 控件
                创建Views/Shared/EditorTemplates/CountryDropDown.ascx 控件
                用代码指定编辑器：Html.EditorFor(c=>c.County, "CountryDropDown")
                用UIHint指定编辑器：[UIHint("CountryDropDown")]public stirng Country{get; set;}

UrlHelper
    string Action(...)
    string Content(string contentPath)
    string Encode(string url)
    string GenerateContentUrl(...)
    string GenerateUrl(...)
    string RouteUrl(...)

扩展HtmlHelper方法
    public static class LabelExtensions
    {
        public static string Label(this HtmlHelper helper, string target, string text)
        {
            return String.Format("<label for='{0}'>{1}</label>", target, text);
        }
    }
    @Html.Label("firstName", "First Name:")

自定义helper(LabelHelper)
    public class LabelHelper
    {
         public static string Label(string target, string text)
         {
              return String.Format("<label for='{0}'>{1}</label>", target, text);
         }
    }
    @LabelHelper.Label("firstName", "First Name:")

------------------------------------------------------
Validation（数据验证）
数据验证跨越模型和视图，故在此单独提出
------------------------------------------------------
（1）带验证信息的实体类示例（具体请查看实体框架代码优先模式相关章节）
        引入dll：System.ComponentModel.DataAnnotation
        public class Dinner
        {
            public int DinerID {get; set;}
            [Required(ErrorMessage="Please Enter a dinner title")]
            [StringLength(20, ErrorMessage="Title is to long")]
            public string Title {get; set;}
            [Required(ErrorMessage="Please enter the date of dinner")]
            public DateTime EventDate {get; set;}
            [Required(ErrorMessage="Please enter your email address")]
            [RegularExpression(".+\\@.+\\..+", ErrorMessage="Please enter a valid email address")]
            public string HostedBy {get; set;}
            public virtual ICollection<RSVP> RSVPs {get; set;}
        }
    或者分离模式
        [MetadataType(typeof(UserMetaData))]
        public partial class User {...}
        public class UserMetaData
        {
            [Required(ErrorMessage = "名字为空")]
            [StringLength(10, ErrorMessage = "名字长度不得超过10个字符")]
            public string Name { get; set; }

            [Required(ErrorMessage = "密码为空")]
            [StringLength(20, ErrorMessage = "密码长度不得超过20个字符")]
            public string Password { get; set; }

            [Required(ErrorMessage = "帐号为空")]
            [StringLength(10, ErrorMessage = "帐号长度不得超过10个字符")]
            public string Passport { get; set; }
        }

（2）在视图中验证
    <script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <% Html.EnableClientValidation(); %>
    <%: Html.ValidationSummary("Please correct the errors and try again.") %>
    Html.ValidateMessage("password")
    Html.ValidateMessageFor(d => d.Title) // 根据模型中的特性来自动生成客户端验证代码

（3）在控制器中验证
if (ModelState.IsValid) {}

附录：自定义验证特性
    // 必须比当前日期早（适合于出生日期）
    public class BeforeTodaysDateAttribute : ValidationAttribute
    {
        public override bool IsValid(object value)
        {
          if (value == null)
              return true;
          DateTime result;
          if (DateTime.TryParse(value.ToString(), out result))
          {
              if (result < DateTime.Now)
                  return true;
          }
          return false;
      }
   }

------------------------------------------------------
UnitTest（单元测试）
MVC模式将模型和视图进行了完全的分离，极大的方便了测试
MVC的单元测试一般针对Controller进行测试
------------------------------------------------------
测试类
    [TestClass]
    public class ProductControllerTest
    {
    }

测试控制器返回的视图是否正确
    [TestMethod]
    public void TestDetailsView()
    {
        var controller = new ProductController();
        var result = controller.Details(2) as ViewResult;
        Assert.AreEqual("Details", result.ViewName);
    }

测试控制器传递给视图的实体数据是否正确
    public ActionResult Details(int Id)
    {
         var product = new Product(Id, "Laptop");
         return View("Details", product);
    }
    [TestMethod]
    public void TestDetailsViewData()
    {
         var controller = new ProductController();
         var result = controller.Details(2) as ViewResult;
         var product = (Product) result.ViewData.Model;
         Assert.AreEqual("Laptop", product.Name);
    }

测试控制器动作是否正确
    public ActionResult Details(int Id)
    {
         if (Id < 1)
              return RedirectToAction("Index");
         var product = new Product(Id, "Laptop");
         return View("Details", product);
    }
    [TestMethod]
    public void TestDetailsRedirect()
    {
         var controller = new ProductController();
         var result = (RedirectToRouteResult) controller.Details(-1);
         Assert.AreEqual("Index", result.Values["action"]);
    }

本文链接

DevExpress ASPxGridView 使用文档七：客户端API

2010-08-13T05:11:00Z

转载请注明出处：http://surfsky.cnblogs.com/

---------------------------------------------------------
-- ASPxGridView 客户端API
---------------------------------------------------------
API
    PerformCallback(this.value);
    CollapseAll()
    ExpandAll()
    SelectRows()
    UnselectRows()
    UnselectAllRowsOnPage()
    SelectAllRowsOnPage(this.checked)

---------------------------------------------------------
示例
---------------------------------------------------------
客户端事件按钮控制 grid 放缩
    <input type="button" onclick="grid.CollapseAll();" value="Collapse All Rows" />
    <input type="button" onclick="grid.ExpandAll();" value="Expand All Rows" />
    <dxe:ASPxButton ID="btnUnselectAll" runat="server" Text="Unselect All" UseSubmitBehavior="False" AutoPostBack="false">
        <ClientSideEvents Click="function(s, e) { grid.UnselectRows(); }"/>
    </dxe:ASPxButton>

下拉框触发grid的ajax刷新
    <select id="selGridLayout" onchange="grid.PerformCallback(this.value);" >
        <option selected="selected" value="0">Country</option>
        <option value="1">Country, City</option>
        <option value="2">Company Name</option>
    </select>
    protected void grid_CustomCallback(object sender, ASPxGridViewCustomCallbackEventArgs e)
    {
        int layoutIndex = -1;
        if(int.TryParse(e.Parameters, out layoutIndex))
            ApplyLayout(layoutIndex);
    }

用定时器出发grid的ajax刷新
     <dxt:ASPxTimer ID="timer" ClientInstanceName="timer" runat="server" Interval="2000">
         <ClientSideEvents Tick="function(s, e) {
             timer.Stop();
             grid.PerformCallback();
         }" />
     </dxt:ASPxTimer>
    <ClientSideEvents EndCallback="function(s, e) {timer.Start();}" />
     protected void grid_CustomCallback(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewCustomCallbackEventArgs e)
     {
         grid.DataBind();
     }

---------------------------------------------
-- GridView 客户端选择行
---------------------------------------------
行聚焦（FocusedRowChanged）
    注：必须定义行主键：gv.KeyFieldName = "UserId";
    // 聚焦行变更事件。向服务器查询聚焦行的 "EmployeeID" 和 "Notes" 信息，并该信息将返回到 OnGetRowValues() 函数
    function OnGridFocusedRowChanged() {
        grid.GetRowValues(grid.GetFocusedRowIndex(), 'EmployeeID;Notes', OnGetRowValues);
    }
    // 处理服务器端传回的数据（values是个数组，包含 "EmployeeID" 和 "Notes" 值）
    function OnGetRowValues(values) {
        DetailImage.SetImageUrl("FocusedRow.aspx?Photo=" + values[0]);
        DetailNotes.SetText(values[1]);
    }
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="EmployeeID"
        PreviewFieldName="Notes" AutoGenerateColumns="False" EnableRowsCache="false" Width="100%">
        <Columns>
            <dxwgv:GridViewDataColumn FieldName="FirstName" VisibleIndex="0"/>
            <dxwgv:GridViewDataColumn FieldName="Title" VisibleIndex="3"/>
            <dxwgv:GridViewDataColumn FieldName="LastName" VisibleIndex="1"/>
            <dxwgv:GridViewDataColumn FieldName="BirthDate" VisibleIndex="2"/>
            <dxwgv:GridViewDataColumn FieldName="HireDate" VisibleIndex="4"/>
        </Columns>
        <Settings ShowGroupPanel="true" />
        <SettingsBehavior AllowFocusedRow="True"/>
        <ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }"/>
    </dxwgv:ASPxGridView>
    <p>详细信息:</p>
    <dxe:ASPxImage runat="server" ID="DetailImage" ClientInstanceName="DetailImage" />
    <dxe:ASPxMemo runat="server" ID="DetailNotes" ClientInstanceName="DetailNotes" Width="100%" Height="160" ReadOnly="true" />

用control键＋点击行可多选
<SettingsBehavior AllowMultiSelection="true" />

全选、全部反选
     <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="CustomerID" Width="100%">
         <SettingsBehavior AllowGroup="false" AllowDragDrop="false" />
         <Columns>
            <dxwgv:GridViewCommandColumn ShowSelectCheckbox="True" VisibleIndex="0">
                 <HeaderTemplate>
                     <input type="checkbox" onclick="grid.SelectAllRowsOnPage(this.checked);" title="选择/放弃选择本页的所有行" />
                 </HeaderTemplate>
                 <HeaderStyle HorizontalAlign="Center" />
            </dxwgv:GridViewCommandColumn>
            <dxwgv:GridViewDataColumn FieldName="ContactName" VisibleIndex="1" />
            <dxwgv:GridViewDataColumn FieldName="CompanyName" VisibleIndex="2" />
            <dxwgv:GridViewDataColumn FieldName="City" VisibleIndex="3" />
            <dxwgv:GridViewDataColumn FieldName="Region" VisibleIndex="4" />
            <dxwgv:GridViewDataColumn FieldName="Country" VisibleIndex="5" />
         </Columns>
     </dxwgv:ASPxGridView>

客户端选择多行
    <dxe:ASPxListBox ID="ASPxListBox1" ClientInstanceName="selList" runat="server" Height="250px" Width="120px" />
    <p>
      选择的记录条数:
      <span id="selCount" style="font-weight: bold">0</span>
    </p>
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="CustomerID" Width="100%">
      <Columns>
        <dxwgv:GridViewCommandColumn ShowSelectCheckbox="True" VisibleIndex="0" />
        <dxwgv:GridViewDataColumn FieldName="ContactName" VisibleIndex="1" />
        <dxwgv:GridViewDataColumn FieldName="CompanyName" VisibleIndex="2" />
        <dxwgv:GridViewDataColumn FieldName="City" VisibleIndex="3" />
        <dxwgv:GridViewDataColumn FieldName="Region" VisibleIndex="4" />
        <dxwgv:GridViewDataColumn FieldName="Country" VisibleIndex="5" />
      </Columns>
      <ClientSideEvents SelectionChanged="grid_SelectionChanged" />
    </dxwgv:ASPxGridView>
    ----------------------------------------
    function grid_SelectionChanged(s, e) {
        s.GetSelectedFieldValues("ContactName", GetSelectedFieldValuesCallback);
    }
    function GetSelectedFieldValuesCallback(values) {
        selList.BeginUpdate();
        try {
            selList.ClearItems();
            for(var i = 0; i < values.length; i ++) {
                selList.AddItem(values[i]);
            }
        } finally {
            selList.EndUpdate();
        }
        document.getElementById("selCount").innerHTML = grid.GetSelectedRowCount();
    }

客户端选择行
    <script language="javascript" type="text/javascript">
    //function is called on changing focused row
    function OnGridFocusedRowChanged()
    {
        // Query the server for the "EmployeeID" and "Notes" fields from the focused row
        // The values will be returned to the OnGetRowValues() function
        grid.GetRowValues(grid.GetFocusedRowIndex(), 'EmployeeID;Notes', OnGetRowValues);
    }
    //Value array contains "EmployeeID" and "Notes" field values returned from the server
    function OnGetRowValues(values)
    {
        var notes = document.getElementById("detailnotes");
        notes.value = values[1];
        var image = document.getElementById("detailimage");
        image.src = "FocusedRow.aspx?Photo=" + values[0];
    }
    </script>

<dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="EmployeeID" PreviewFieldName="Notes" AutoGenerateColumns="False" EnableRowsCache="false" Width="100%">
        <Columns>
            <dxwgv:GridViewDataColumn FieldName="FirstName" VisibleIndex="0"/>
            <dxwgv:GridViewDataColumn FieldName="Title" VisibleIndex="3"/>
            <dxwgv:GridViewDataColumn FieldName="LastName" VisibleIndex="1"/>
            <dxwgv:GridViewDataColumn FieldName="BirthDate" VisibleIndex="2"/>
            <dxwgv:GridViewDataColumn FieldName="HireDate" VisibleIndex="4"/>
        </Columns>
        <Settings ShowGroupPanel="true" />
        <SettingsBehavior AllowFocusedRow="True"/>
        <ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }"/>
    </dxwgv:ASPxGridView>
    <table cellpadding="5" cellspacing="2" style="width:100%">
        <tr>
            <td style="width:30%"><img id="detailimage" alt="Image" src=""/></td>
            <td style="width:70%"><textarea id="detailnotes" style="padding:2px 4px 2px 4px;width:94%;vertical-align:top" readonly="readonly" rows="10" cols="50"></textarea></td>
        </tr>
    </table>

本文链接

DevExpress ASPxGridView 使用文档六：模板

2010-08-13T05:10:00Z

转载请注明出处：http://surfsky.cnblogs.com/

---------------------------------------------------------
-- ASPxGridView 模板
---------------------------------------------------------
ASPxGridView 提供以下几种自定义的模板视图
    EditForm    编辑窗口。弹出式或附加在原记录下面
    DetailRow   详细行。点击后以form方式查看记录的详细信息
    PreviewRow 预览行。原记录下进行简短描述
    DataRow     数据行视图。每一行的内容位置都是定制的。
    注：列模板请参考文档《ASPxGridView.Column》

数据行模板（DataRow, 类似ListView 卡片视图）
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="EmployeeID" Width="100%">
        <Columns>
            <dxwgv:GridViewDataColumn FieldName="FirstName" VisibleIndex="1" />
            <dxwgv:GridViewDataColumn FieldName="Title" VisibleIndex="4" />
            <dxwgv:GridViewDataColumn FieldName="Notes" Visible="False" />
            <dxwgv:GridViewDataColumn FieldName="LastName" VisibleIndex="2" />
            <dxwgv:GridViewDataColumn FieldName="BirthDate" VisibleIndex="3"/>
            <dxwgv:GridViewDataColumn FieldName="HireDate" VisibleIndex="5"/>
        </Columns>
        <SettingsPager PageSize="5" />
        <Templates>
            <DataRow>
                <div style="padding:5px">
                    <table cellpadding="2" cellspacing="1" >
                        <tr>
                            <td rowspan="4"><img alt="" src="CardView.aspx?Photo=<%# Eval("EmployeeID")%>"/></td>
                            <td >First Name</td>
                            <td><%# Eval("FirstName") %></td>
                            <td >Last Name</td>
                            <td><%# Eval("LastName")%></td>

                        </tr>
                        <tr>
                            <td >Title</td>
                            <td colspan="3"><%# Eval("Title")%></td>
                        </tr>
                        <tr>
                            <td >Birth Date</td>
                            <td ><%# Eval("BirthDate")%></td>
                            <td >Hire Date</td>
                            <td><%# Eval("HireDate")%></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="white-space:normal"><%# Eval("Notes") %> </td>
                        </tr>
                    </table>
                </div>
            </DataRow>
        </Templates>
    </dxwgv:ASPxGridView>

编辑表单模板(EditForm)
    示例一：两个标签页，一个用标准的编辑面板，一个展示memo字段
        <Templates>
            <EditForm>
                <div style="padding:4px 4px 3px 4px">
                <dxtc:ASPxPageControl runat="server" ID="pageControl" Width="100%">
                <TabPages>
                    <dxtc:TabPage Text="Info" Visible="true">
                        <Controls>
                            <dxwgv:ASPxGridViewTemplateReplacement ID="Editors" ReplacementType="EditFormEditors" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                        </Controls>
                    </dxtc:TabPage>
                    <dxtc:TabPage Text="Notes" Visible="true">
                       <Controls>
                            <dxe:ASPxMemo runat="server" ID="notesEditor" Text='<%# Eval("Notes")%>' Width="100%" Height="93px"></dxe:ASPxMemo>
                       </Controls>
                    </dxtc:TabPage>
                </TabPages>
                </dxtc:ASPxPageControl>
                </div>
                <div style="text-align:right; padding:2px 2px 2px 2px">
                    <dxwgv:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                    <dxwgv:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                </div>
            </EditForm>
        </Templates>
        protected string GetMemoText() {
            ASPxPageControl pageControl = grid.FindEditFormTemplateControl("pageControl") as ASPxPageControl;
            ASPxMemo memo = pageControl.FindControl("notesEditor") as ASPxMemo;
            return memo.Text;
        }
        protected void grid_RowUpdating(object sender, DevExpress.Web.Data.ASPxDataUpdatingEventArgs e) {
            e.NewValues["Notes"] = GetMemoText();
        }
        protected void grid_RowInserting(object sender, DevExpress.Web.Data.ASPxDataInsertingEventArgs e) {
            e.NewValues["Notes"] = GetMemoText();
        }
    示例二
        <Templates>
            <EditForm>
                <div style="padding:4px 4px 3px 4px">
                    <table>
                        <tr>
                            <% if(!grid.IsNewRowEditing) { %>
                            <td rowspan="4">
                                <div style="border: solid 1px #C2D4DA; padding: 2px;"><img alt="" src="TwoWayBinding.aspx?Photo=<%# Eval("EmployeeID")%>" /></div>
                            </td>
                            <% } %>
                            <td style="white-space:nowrap">First Name</td>
                            <td style="width:50%"><dxe:ASPxTextBox runat="server" ID="edFirst" Text='<%# Bind("FirstName") %>' Width="100%" /> </td>
                            <td style="white-space:nowrap">Last Name</td>
                            <td style="width:50%"><dxe:ASPxTextBox runat="server" ID="edLast" Text='<%# Bind("LastName") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td>Title</td>
                            <td style="width:100%" colspan="3"><dxe:ASPxTextBox runat="server" ID="edTitle" Text='<%# Bind("Title") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td style="white-space:nowrap">Birth Date</td>
                            <td style="width:50%"><dxe:ASPxDateEdit runat="server" ID="edBirth" Value='<%# Bind("BirthDate") %>' Width="100%" /> </td>
                            <td style="white-space:nowrap">Hire Date</td>
                            <td style="width:50%"><dxe:ASPxDateEdit runat="server" ID="edHire" Value='<%# Bind("HireDate") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <dxe:ASPxMemo runat="server" ID="edNotes" Text='<%# Bind("Notes")%>' Width="100%" Height="100px" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="text-align:right; padding:2px 2px 2px 2px">
                    <dxwgv:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton" runat="server" />
                    <dxwgv:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton" runat="server" />
                </div>
            </EditForm>
        </Templates>

预览行模板(PreviewRow)
    <Templates>
        <PreviewRow>
            <table style="border:none">
                <tbody>
                <tr>
                    <td style="width:25%;border:none;color:Black"><img alt="" src="Preview.aspx?Photo=<%# Eval("EmployeeID")%>"/></td>
                    <td style="border:none;"><%# Container.Text %></td>
                </tr>
                </tbody>
            </table>
        </PreviewRow>
    </Templates>

细节行模板(DetailRow: 主从视图Master-Detail)
    <dxe:ASPxCheckBox ID="chkSingleExpanded" runat="server" Text="Keep a single expanded row at a time" AutoPostBack="true" OnCheckedChanged="chkSingleExpanded_CheckedChanged" />
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="masterDataSource" KeyFieldName="CustomerID">
        <Columns>
           <dxwgv:GridViewDataColumn FieldName="ContactName" />
           <dxwgv:GridViewDataColumn FieldName="CompanyName" />
           <dxwgv:GridViewDataColumn FieldName="City" />
           <dxwgv:GridViewDataColumn FieldName="Country" />
        </Columns>
        <Templates>
            <DetailRow>
                联系电话: <b><%# Eval("Phone")%></b>, 传真: <b><%# Eval("Fax")%></b><br/>
                <dxwgv:ASPxGridView ID="detailGrid" runat="server" DataSourceID="detailDataSource" KeyFieldName="OrderID" Width="100%"
                    OnBeforePerformDataSelect="detailGrid_DataSelect" OnCustomUnboundColumnData="detailGrid_CustomUnboundColumnData">
                    <Settings ShowFooter="True" />
                    <SettingsDetail IsDetailGrid="true"/>
                    <Columns>
                        <dxwgv:GridViewDataColumn FieldName="OrderID" />
                        <dxwgv:GridViewDataColumn FieldName="OrderDate" />
                        <dxwgv:GridViewDataColumn FieldName="ShipName" />
                        <dxwgv:GridViewDataColumn FieldName="Quantity" Name="Quantity" />
                        <dxwgv:GridViewDataTextColumn FieldName="UnitPrice" >
                            <PropertiesTextEdit DisplayFormatString="c" />
                        </dxwgv:GridViewDataTextColumn>
                        <dxwgv:GridViewDataTextColumn FieldName="Total" UnboundType="Decimal">
                            <PropertiesTextEdit DisplayFormatString="c" />
                        </dxwgv:GridViewDataTextColumn>
                    </Columns>
                    <TotalSummary>
                        <dxwgv:ASPxSummaryItem FieldName="CompanyName" SummaryType="Count"/>
                        <dxwgv:ASPxSummaryItem FieldName="Total" SummaryType="Sum" DisplayFormat="c"/>
                        <dxwgv:ASPxSummaryItem FieldName="Quantity" SummaryType="Sum" />
                    </TotalSummary>
                </dxwgv:ASPxGridView>
            </DetailRow>
        </Templates>
        <SettingsDetail ShowDetailRow="true"/>
    </dxwgv:ASPxGridView>
    <asp:AccessDataSource ID="masterDataSource" runat="server" DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT * FROM [Customers]">
    </asp:AccessDataSource>
    <asp:AccessDataSource ID="detailDataSource" runat="server" DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT * FROM [Invoices] Where CustomerID = ?">
        <SelectParameters>
            <asp:SessionParameter Name="CustomerID" SessionField="CustomerID" Type="String" />
        </SelectParameters>
    </asp:AccessDataSource>
    注意： detailGrid.SettingsDetail.IsDetailGrid = true 表明该grid是作为从表的数据表格用的
    // 主表数据绑定
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!IsPostBack)
        {
            grid.DataBind();
            grid.DetailRows.ExpandRow(0);
        }
    }
    // 从表数据绑定
    protected void gridDetail_DataBinding(object sender, EventArgs e)
    {
        ASPxGridView grid = sender as ASPxGridView;
        if (grid != null)
        {
            int i = (int) grid.GetMasterRowKeyValue();
            grid.DataSource = GetProducts(i);
        }
    }
    // 从表数据选择？
    protected void detailGrid_DataSelect(object sender, EventArgs e)
    {
        Session["CustomerID"] = (sender as ASPxGridView).GetMasterRowKeyValue();
    }
    // 从表定制列的展示
    protected void detailGrid_CustomUnboundColumnData(object sender, ASPxGridViewColumnDataEventArgs e)
    {
        if(e.Column.FieldName == "Total")
        {
            decimal price = (decimal)e.GetListSourceFieldValue("UnitPrice");
            int quantity = Convert.ToInt32(e.GetListSourceFieldValue("Quantity"));
            e.Value = price * quantity;
        }
    }
    // 控制从表的显隐
    protected void chkSingleExpanded_CheckedChanged(object sender, EventArgs e)
    {
        grid.SettingsDetail.AllowOnlyOneMasterRowExpanded = chkSingleExpanded.Checked;
        if(grid.SettingsDetail.AllowOnlyOneMasterRowExpanded)
        {
            grid.DetailRows.CollapseAllRows();
        }
    }

本文链接