2011.01随笔(MVC+Razor)

Checkbox Html.CheckBox("myCheckbox", false)
Output:
<input id="myCheckbox" name="myCheckbox" type="checkbox" value="true" />
<input name="myCheckbox" type="hidden" value="false" />

Hidden field Html.Hidden("myHidden", "val")
Output: <input id="myHidden" name="myHidden" type="hidden" value="val" />

Radio button Html.RadioButton("myRadiobutton", "val", true)
Output: <input checked="checked" id="myRadiobutton" name="myRadiobutton" type="radio"
value="val" />

Password Html.Password("myPassword", "val")
Output: <input id="myPassword" name="myPassword" type="password" value="val" />

Text area Html.TextArea("myTextarea", "val", 5, 20, null)
Output: <textarea cols="20" id="myTextarea" name="myTextarea" rows="5">
val</textarea>

Text box Html.TextBox("myTextbox", "val")
Output: <input id="myTextbox" name="myTextbox" type="text" value="val" />

 

Drop-down list Html.DropDownList("myList", new SelectList(new [] {"A", "B"}), "Choose")
Output:
<select id="myList" name="myList">
<option value="">Choose</option>
<option>A</option>
<option>B</option>
</select>

Drop-down list Html.DropDownListFor(x => x.Gender, new SelectList(new [] {"M", "F"}))
Output:
<select id="Gender" name="Gender">
<option>M</option>
<option>F</option>
</select>

Multiple-select Html.ListBox("myList", new MultiSelectList(new [] {"A", "B"}))
Output:
<select id="myList" multiple="multiple" name="myList">
<option>A</option>
<option>B</option>
</select>

Multiple-select Html.ListBoxFor(x => x.Vals, new MultiSelectList(new [] {"A", "B"}))
Output:
<select id="Vals" multiple="multiple" name="Vals">
<option>A</option>
<option>B</option>
</select>

 

Link to named action/controller
Html.ActionLink("Hi", "About", "Home")
Output: <a href="/Home/About">Hi</a>

Link to absolute URL
Html.ActionLink("Hi", "About", "Home", "https","http://www.example.com/", "anchor", new{},
null)
Output: <a href="https://www.example.com/Home/About#anchor">Hi</a>

Raw URL for action
Url.Action("About", "Home")
Output: /Home/About

Raw URL for route data
Url.RouteUrl(new { controller = "c", action = "a" })
Output: /c/a

Link to arbitrary route data
Html.RouteLink("Hi", new { controller = "c", action = "a" }, null)
Output: <a href="/c/a">Hi</a>

Link to named route
Html.RouteLink("Hi", "myNamedRoute", new {})
Output: <a href="/url/for/named/route">Hi</a>

 

@model IEnumerable<DynamicData.Models.Product>
@{
    var grid = new WebGrid(
        source:  Model,
        rowsPerPage: 1);
}
@grid.GetHtml(
    tableStyle: "grid",
    headerStyle: "header",
    rowStyle: "row",
    footerStyle: "footer",
    alternatingRowStyle: "altRow",
    columns: grid.Columns (
        grid.Column("Name", "Item", style:"textCol"),
        grid.Column("Price", style: "numberCol",
            format: @<text>$@string.Format("{0:F2}", item.Price) </text>)
    ))

 

@RenderSection("Header")

@RenderSection("Body")

@RenderSection("Footer")