Ptudw 09 Form Htmlhelper

Khoa Cng ngh thng tinB mn Cng ngh phn mm

Nguyn Huy [email protected]

S dng form

Phn bit GET/POST

HTML Helper

Cc loi Helper

26/04/2013 Pht trin ng dng Web 2

c dng nhn d liu t pha ngi dngGip gi yu cu ca ngi dng n trang x l trong ng dng webTh dng cha cc thnh phn khc ca formNhng thnh phn nhp liu c gi l Form Field

text field

password field

multiple-line text field


Gm cc loi Form Field sau:Text field

Password field

Hidden Text field

Check box

Radio button

File Form Control

Submit Button, Reset Button, Generalized Button

Multiple-line text field

Label

Pull-down menu

Scrolled list

Field Set


Cc thuc tnh ca form

name: tn form

action: ch nh trang web nhn x l d liu

t form ny khi c s kin click ca button submit.

method : Xc nh phng thc chuyn d

liu (POST,GET)


S dng form

Phn bit GET/POST

HTML Helper

Cc loi Helper


Cc i s ca Form c ghi chn vo ng dn URL ca thuc tnh action trong tag

Khi lng d liu i s c truyn i ca form b gii hn bi chiu di ti a ca mt URL trn Address bar. (ti a ca mt URL l 2048 bytes)


Khuyt im

Khng thch hp truyn d liu c tnh bo mt (password)

Dung lng D liu truyn i c gii hn

URL submit bng phng thc GET c lu li trn server

u im

Ngi dng c th bookmark a ch URL

Ngi dng c th Gi lp phng thc GET truyn d liu m khng cn thng qua FORM


Cc i s ca form c truyn ngm bn di

Khi lng d liu i s c truyn i ca form khng ph thuc vo URL Khng b gii hn


u im

Bo mt hn phng thc GET

Khng gii hn dung lng d liu truyn i

Khuyt im

Kt qu trang web tr v khng th bookmark

C th gy ra li nu ngi dng mun quay li trang kt qu (nhn nt Back hoc Refresh) do b expired

D liu c th khng truyn i c do vn v security


View

Controllerpublic class HomeController : Controller

{

public ActionResult Search(string q)

{

ViewBag.Message = "You searched \"" + q + "\"";

return View();

}


@using (Html.BeginForm("Search", "Home", FormMethod.Get))

{

}


S dng form

Phn bit GET/POST

HTML Helper

Cc loi Helper


L cc hm ca thuc tnh Html trn View.

Tng t

URL helper trn thuc tnh Url ca View ln Controller

AJAX helper trn thuc tnh Ajax ca View.

Gip d dng xy dng View.


Phn ln cc helper nht l HTML Helper gip pht sinh ra m HTML. ng thi m ha cc k t c bit.

@Html.TextArea("text", "hello world")

C th b sung thm thuc tnh vo th HTML m HTML Helper pht sinh thng qua htmlAttributes

@using (Html.BeginForm("Search", "Home", FormMethod.Get, new { target = "_blank", @class = "editForm",data_validatable = true }))


Html.BeginForm

Html.TextBox

Html.TextArea

Html.Label

Html.DropDownList

Html.ListBox

Html.Hidden

Html.Password

Html.RadioButton

Html.CheckBox


Controllerpublic ActionResult Edit(int id)

{

ViewBag.Album = new Album { Price = 11 };

return View();

}

[email protected]("Album.Price")

M HTML pht sinh


Controllerpublic ActionResult Edit(int id)

{

var album = new Album { Price = 12.0m };

return View(album);

}

[email protected]("Price")

M HTML pht sinh


S dng biu thc lamda xc nh thuc tnh m helper pht sinh.

@Html.TextBoxFor(m => m.Title)

Gip h tr tt IntelliSense, kim tra li bin dch, refactoring.


S dng form

Phn bit GET/POST

HTML Helper

Cc loi Helper


Html.Display, Html.DisplayFor

Html.Editor, Html.EditorFor

La chn pht sinh th HTML ty vo ch th DataType trn thuc tnh ca model.


Html.ActionLink, Html.RouteLink

Pht sinh th a n mt controller v action c th.

URL Helper

Url.Action, Url.RouteUrl: pht sinh URL (khng pht sinh th a)

Url.Content: chuyn i t a ch tng i sang a ch tuyt i.


Html.Partial, Html.RenderPartial: hin th mt partial view c th.

@{Html.RenderPartial("AlbumDisplay "); }

@Html.Partial("AlbumDisplay ")

Html.RenderPartial xut trc tip kt qu, Html.Partial ghi kt qu vo chui.

Html.Action and Html.RenderAction: thc thi action c th ca controller v hin th kt qu.



S dng ti a HtmlHelpers Xy dng trang ng k theo hnh sau.

Phn Ngy thng nm sinh s dng JQueryUI hin th lch v cho php ngi dng bm chut chn ngy.

Khi bm vo nt ng k, ni dung ngi dng in vo s chuyn sang hnh ng DangKyThanhCong ca DangKyController.

View DangKyThanhCong s hin th nhng thng tin ngi dng truyn vo.


Hin th c cc Label v Input 2 im

Hin th c cc ComboBox 2 im

Canh chnh giao din 1 im

S dng JQueryUI chn NTNS 2 im

Hin th thng tin va nhp 3 im trang ng k thnh cng

Documents

Ptudw 09 Form Htmlhelper