zoukankan      html  css  js  c++  java
  • ASP.NET MVC 3 的WebGrid和VS2010等功能

          最近一直在看ASP.NET MVC 3 RC版的新功能。同时也装了VS2010,功能和界面真的很炫。我们先来看一下VS2010中的ASP.NET MVC,真的不错,

    我总感觉它的模板有点像ROR。

    如图这个是view的结构

    1、下面来看一下Razor视图,这可能要斯科特的博客上已有了,我就随便写一下

    这个VS2010里有高亮显示了,而且可以多显示器写代码,可以放大等新的功能!大家可以去webcast里去看。

    2、接下来看一下asp.net mvc3中webgrid功能。

    先来看一下controller的代码

    代码
    public ActionResult WebImageA()
    {
    List
    <Employee> model = new List<Employee>()
    {
    new Employee{
    ID
    =1,
    FirstName
    ="cheng",
    LastName
    ="zhao"
    },
    new Employee
    {
    ID
    =2,
    FirstName
    ="assa",
    LastName
    ="asdfasdf"
    },
    new Employee
    {
    ID
    =3,
    FirstName
    ="asdfasd",
    LastName
    ="asdfa"
    }
    };
    return View(model);
    }

    下面是view的代码:

    代码
    @{
    View.Title = "WebImageA";
    Layout = "~/Views/Shared/_Layout.cshtml";
    }
    @{
    var grid = new WebGrid(source: Model, defaultSort: "ID", rowsPerPage: 1);
    }
    @grid.GetHtml(
    tableStyle: "grid",
    headerStyle: "head",
    alternatingRowStyle: "alt",
    columns: grid.Columns(
    grid.Column("ID", "ID"),
    grid.Column("FirstName", "头"),
    grid.Column("LastName", "尾"),
    grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ID })),
    grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Product', '{0}')", item.ID), @class = "Delete", href = "JavaScript:void(0)" }))
    )
    )

    用@来表示代码块,很简洁是吧!

    看一下生成的效果,带分页和排序的!

    今天就写到这里!

    说一下MVC3多个了ViewModel.Test = "TestTitleViewModel";页面上直接这样用就可以了@View.Test

    比之前的ViewDate["Test"]="sss"; 要好多了吧!

    这个文章写的很好,可以看一下:http://www.cnblogs.com/jack86514/archive/2010/10/26/1861109.html

    以下为Razor引擎两个文章:很不错:

    http://www.cnblogs.com/sl21100/archive/2010/11/17/1879925.html

    http://www.cnblogs.com/sl21100/archive/2010/11/17/1879934.html

  • 相关阅读:
    mysql source命令可以导入比较大的文件
    开源 小程序
    React-Native项目在Android真机上调试
    react-native中长度单位换算
    webpack 去console
    微信H5移动端真机调试--vConsole
    记录
    盘点ES7、ES8、ES9、ES10新特性
    Mach-o可执行文件简述
    堆排序算法
  • 原文地址:https://www.cnblogs.com/stalwart/p/1880542.html
Copyright © 2011-2022 走看看