1. 程式人生 > >web框架UI系列--MVC常用控制元件講解二

web框架UI系列--MVC常用控制元件講解二

 

LinkExtention之@Html.AcionLink()

雲微平臺B/S開發框架

作用:返回包含指定操作的虛擬路徑的定位點元素(a 元素),返回型別:System.Web.Mvc.MvcHtmlString

@Html.ActionLink("HtmlHelper-AcionLink","HtmlActionLinkTest","Home",new{name="Hello,我在中國!"})

轉化成Html:

 <a href="/Home/HtmlActionLinkTest?name='Hello,我在中國!'">HtmlHelper-AcionLink</a>

ActionLink相關引數說明:

後臺Controller程式:

public ActionResult HtmlActionLinkTest(string sname){
    ViewBag.Sname = sname;
    return View("TestResult");
 }

ChildActionExtention之@Html.Action()

@Html.Action("HtmlActionTest", "Home", new { sname = "Html.Action:直接執行,返回執行結果" })

執行後的結果:

Html.Action:直接執行,返回執行結果

雲微平臺Web開發框架

後臺Controller程式:

Public ActionResut HtmlActionTest(string sname){
    return Content(sname);
}

注:Action和Actionlink區別:action返回自動執行action後的htmlstring;actionlink是返回a標籤的htmlstring,並不執行action。

FormExtention之@HTML.BeginForm()

函式定義及說明

public static MvcForm BeginForm(
	this HtmlHelper htmlHelper,   // 擴充套件的HTML 幫助器例項
	string actionName,            //操作方法的名稱
	string controllerName,        //控制器的名稱
	RouteValueDictionary routeValues,      //一個包含路由引數的物件
	FormMethod method,                     //用於處理窗體的 HTTP 方法(GET 或 POST)。
	IDictionary<string, Object> htmlAttributes   //一個物件,其中包含要為該元素設定的 HTML 特性。
)

返回值:System.Web.Mvc.Html.MvcForm

示例

@using (Html.BeginForm("HtmlHelperTest", "Home", FormMethod.Post, new { id="beginformtest"})){
    @Html.EditorFor(m=>m.TextBoxValue) @*或者 @Html.TextBox("inputt",Model.TextBoxValue)*@
    @Html.Raw(Model.TextBoxValue)
   <input type="submit" class="study-btn" value="提交"/>
}

轉化成Html:

<form action="/Home/HtmlHelperTest" id="beginformtest" method="post">
        <input id="TextBoxValue" name="TextBoxValue" type="text" value="" />
        <input type="submit" class="study-btn" value="提交"/> 
</form>