slide06-130714083421-phpapp02

50
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPager

Upload: chang-mua

Post on 25-Nov-2015

19 views

Category:

Documents


2 download

DESCRIPTION

88888

TRANSCRIPT

  • Bi 6:iu khin DetailsView, FormView, ListView, DataPager

  • Cc ni dung hc trong bi trcADO.NETiu khin Data Sourceiu khin DataList

    H thng bi c

    iu khin DetailsView, FormView, ListView, DataPager 2

  • Mc tiu bi hc

    1. Gii thiu cc iu khin hin th d liu

    2. iu khin GridView

    iu khin DetailsView, FormView, ListView, DataPager 3

    2. iu khin GridView

    3. iu khin DetailsView

  • Lm quen vi lp trnh CSDL ASP.NET 4

  • Cc iu khin hin th d liu di dng danh sch ccmu tin

    iu khin hin th d liu

    iu khin M t

    DataList ( hc) - Trnh by d liu di dng danh sch- Hin th theo cc Template c nh ngha- Khng h tr phn trang, thng dng hin th d liu,t khi dng cp nht d liu.

    iu khin DetailsView, FormView, ListView, DataPager 5

    - Trnh by d liu di dng danh sch- Hin th theo cc Template c nh ngha- Khng h tr phn trang, thng dng hin th d liu,t khi dng cp nht d liu.

    GridView -Trnh by d liu di dng bng theo ct v hng gingbng trong CSDL- H tr tnh nng: Chn, sp xp, cp nht CSDL, phntrang.- Khng h tr thm d liu vo CSDL

    ListView - Chc nng c bn ging iu khin GridView- Khc: Cung cp thm tnh nng chn d liu, hin th ccphn t ca datasource theo nhm, c th ty chnh nhdng hin th

  • iu khin hin th d liu

    iu khin GridView

    iu khin DetailsView, FormView, ListView, DataPager 6

    iu khin ListView

    H tr tnh nng chn d liu

    Khng h tr tnh nng chn d liu

  • Cc iu khin hin th mt hng d liu n tdatasoure

    iu khin hin th d liu

    iu khin M t

    DetailsView - Hin th mt hng d liu n t datasource- H tr cc tnh nng thm mi, cp nht, phn trang

    FormView - Chc nng c bn ging DetailsView- Khc: H tr s dng CSS nh dng hin th d liu,ch s dng Template v biu thc buc hin th d liu.

    iu khin DetailsView, FormView, ListView, DataPager 7

    - Chc nng c bn ging DetailsView- Khc: H tr s dng CSS nh dng hin th d liu,ch s dng Template v biu thc buc hin th d liu.

    - iu khin DetailsView (tri) & FormView (phi)- Khc nhau c bn: FormView h tr s dng CSS nh dng hin th d liu, ch sdng Template v biu thc buc hin th d liu

  • Lm quen vi lp trnh CSDL ASP.NET 8

  • iu khin GridView hin th d liu t mt ngun d liu(datasource) di dng bng.Cung cp nhiu tnh nng m rng:

    T ng phn trangT ng sp xp d liuCho php cp nht, xa d liu

    iu khin GridView

    iu khin GridView hin th d liu t mt ngun d liu(datasource) di dng bng.Cung cp nhiu tnh nng m rng:

    T ng phn trangT ng sp xp d liuCho php cp nht, xa d liu

    Lm quen vi lp trnh CSDL ASP.NET 9

    Mt v d v iu khin GridView

  • M aspx ca iu khin GridView

    Cc thuc tnhca GridView

    Lm quen vi lp trnh CSDL ASP.NET 10

    Cc phn tnh ngha cctrng d liu

    Cc phn tnh ngha stylecho GridView

  • Cc thuc tnh c bn ca iu khin GridView

    Thuc tnh

    Thuc tnh M t

    ID ID ca iu khin

    RunAt Lun c gn bng Server

    DataSourceID ID ca DataSource lin kt vi iu khin

    iu khin DetailsView, FormView, ListView, DataPager 11

    DataSourceID ID ca DataSource lin kt vi iu khin

    DataKeyNames Tn ca trng kha chnh. Nu c nhiu ct,cc ct c phn tch bi du phy

    AutoGenerateColumns Nu bng True, cc ct c t ng sinh

    SelectedIndex Truy xut hoc gn gi tr ch s ca dng dliu c chn trn GridView

  • ASP.NET s dng phn t trng nh ngha cc ctca GridViewCc loi phn t trng

    Trng d liu

    Phn t M t

    Columns Cc ct c hin th trn iu khin GridView

    Asp:BoundField Trng lin kt ti mt ct ca ngun d liu

    Asp:ButtonField Trng hin th mt button

    iu khin DetailsView, FormView, ListView, DataPager 12

    ID, Short Name, Long Namev hai button Edit, Delete l cc trng d liu

    Asp:ButtonField Trng hin th mt button

    Asp:CheckBoxField Trng hin th mt CheckBox

    Asp:CommandField Trng cha cc button Select, Update, Delete hoc Cancel

    Asp:HyperlinkField Trng hin th mt hyperlink

    Asp:ImageField Trng hin th nh

    Asp:TemplateField Cho php to ct vi ni dung ty bin

  • Cc phn t nh ngha style

    Phn t nh ngha style

    Phn t M t

    RowStyle Style ca cc hng d liu

    AlternatingRowStyle Style ca cc hng d liu chn

    iu khin DetailsView, FormView, ListView, DataPager 13

    SelectedRowStyle Style ca hng c chn

    EditRowStyle Style c dng khi hng trong ch sa

    EmptyDataRowStyle Style khi datasource rng

    ItemStyle Style s dng cho cc trng ring l

    HeaderStyle Style s dng nh dng header

    FooterStyle Style nh dng Footer

    PageStyle Style nh dng phn trang

  • Chose Data Source, Configure DataSource, Refresh: Ging chc nngca iu khin DataListEdit Columns: Thm/bt, chnh sacc trngAdd New Column: Thm mt ctmi

    Menu thng minh(Smart tag menu )

    Chose Data Source, Configure DataSource, Refresh: Ging chc nngca iu khin DataListEdit Columns: Thm/bt, chnh sacc trngAdd New Column: Thm mt ctmi

    iu khin DetailsView, FormView, ListView, DataPager 14

  • Enable Paging: Kch hot tnh nngphn trangEnable Sorting: Kch hot tnhnng t ng sp xp d liuEnable Editing, Enable Deleting,Enable Selection: Thm cc buttonedit, Delete, Select thuc kiutrng command fieldEdit Templates: nh ngha ccTemplate cho GridView

    Smart tag menu

    Enable Paging: Kch hot tnh nngphn trangEnable Sorting: Kch hot tnhnng t ng sp xp d liuEnable Editing, Enable Deleting,Enable Selection: Thm cc buttonedit, Delete, Select thuc kiutrng command fieldEdit Templates: nh ngha ccTemplate cho GridView

    iu khin DetailsView, FormView, ListView, DataPager 15

  • ng dng mt trang n gin, hinth danh sch phn loi sn phmtrong bng CategoriesCho php thm, sa, xa mt phnloi sn phm trong CSDLng dng gm:

    Mt iu khin GridView gmBa ct hin th thng tin phn loi snphmHai ct cha button Edit v Delete

    Cc iu khin nhp mi thng tinphn loi sn phm

    Cc text box v button Add NewCategory

    Gii thiu ng dng CategoryMaint

    ng dng mt trang n gin, hinth danh sch phn loi sn phmtrong bng CategoriesCho php thm, sa, xa mt phnloi sn phm trong CSDLng dng gm:

    Mt iu khin GridView gmBa ct hin th thng tin phn loi snphmHai ct cha button Edit v Delete

    Cc iu khin nhp mi thng tinphn loi sn phm

    Cc text box v button Add NewCategory

    Lm quen vi lp trnh CSDL ASP.NET 16

  • Ni dung demo:Lin kt GridView v DataSource

    Thm mt iu khin GridViewThm v cu hnh DataSource cho iu khin GridView

    Thm/bt, ty chnh nh ngha cc trngThm hai button Edit & Delete cho ng dng

    nh ngha Stylenh dng hin th cho HeaderStyle, AlternatingRowStyle,ItemRowStyle, SelectedRowStyle.

    DemoHin th d liu trn GridView

    Ni dung demo:Lin kt GridView v DataSource

    Thm mt iu khin GridViewThm v cu hnh DataSource cho iu khin GridView

    Thm/bt, ty chnh nh ngha cc trngThm hai button Edit & Delete cho ng dng

    nh ngha Stylenh dng hin th cho HeaderStyle, AlternatingRowStyle,ItemRowStyle, SelectedRowStyle.

    iu khin DetailsView, FormView, ListView, DataPager 17

  • Lin kt GridView v DataSourceKo iu khin GridView t Toolbox vo mn hnh thit kM smart tag menu, mc Chose data source chn Newdata Source v tin hnh cc bc cu hnh DataSource nh hc.

    Mc nh sau khi cu hnh data source, GridView c to racha tt c cc ct ca datasource.

    DemoHin th d liu trn GridView

    Lin kt GridView v DataSourceKo iu khin GridView t Toolbox vo mn hnh thit kM smart tag menu, mc Chose data source chn Newdata Source v tin hnh cc bc cu hnh DataSource nh hc.

    Mc nh sau khi cu hnh data source, GridView c to racha tt c cc ct ca datasource.

    Lm quen vi lp trnh CSDL ASP.NET 18

  • Thm bt, ty chnh nh ngha cc trngS dng hp thoi Fields nh ngha cc trngM hp thoi Fields

    Vo smart tag menu. Chn Edit ColumnsThm trng CommandField Edit, Update, Cancel v Deletecho GridView

    DemoHin th d liu trn GridView

    - Cc trng c sn thmvo GridView

    - Danh sch thuc tnh catrng c chn mcSelected Field

    Lm quen vi lp trnh CSDL ASP.NET 19

    - Cc trng c sn thmvo GridView

    - Danh sch thuc tnh catrng c chn mcSelected Field

    - Cc trng c thmvo GridView

    Thuc tnh M t

    HeaderText Dng tiu ca bng

    DataField Tn ct ca ngun d liu bbuc vo trng ny

    DataFormatString Chui nh dng hin th dliu

    Cc thuc tnh thng dng ca trngd liu.Sinh vin tham kho thm cc thuc tnhkhc trong SGK

  • nh ngha StyleM ca s Properties ca GridView

    M rng cc mc style v ch nh gi tr cho cc thuc tnhBackColor, ForeColor

    DemoHin th d liu trn GridView

    iu khin DetailsView, FormView, ListView, DataPager 20

  • M aspx ca iu khin GridView

    Cc thuc tnhca GridView

    Lm quen vi lp trnh CSDL ASP.NET 21

    Cc phn tnh ngha cctrng d liu

    Cc phn tnh ngha stylecho GridView

  • Mt tnh nng n tng ca iu khin GridView lcp nht, xa d liu t CSDL m ch cn thm rtt m C#GridView khng h tr thao tc chnCc bc to GridView c th cp nht CSDL

    To cc trng command field cha cc button Update,Delete, EditCu hnh cc cu lnh Update, Delete, Insert chodatasourceKim sot li thao tc CSDL bng cch vit m x l skin RowUpdated, RowDeleted

    Thm/cp nht/xa d liu

    Mt tnh nng n tng ca iu khin GridView lcp nht, xa d liu t CSDL m ch cn thm rtt m C#GridView khng h tr thao tc chnCc bc to GridView c th cp nht CSDL

    To cc trng command field cha cc button Update,Delete, EditCu hnh cc cu lnh Update, Delete, Insert chodatasourceKim sot li thao tc CSDL bng cch vit m x l skin RowUpdated, RowDeleted

    Lm quen vi lp trnh CSDL ASP.NET 22

  • Chn Configure DataSource trong smart tag menu

    Cu hnh cu lnh Update,Insert, Delete cho DataSource

    Lm quen vi lp trnh CSDL ASP.NET 23

    - Chn check box ny- Cu lnh Update, Insert,Delete c t sinh

  • V iu khin GridViewkhng h tr thao tc thmd liu vo CSDL cung cp tnh nng ny,lp trnh vin phi

    Thm cc iu khin chophp ngi dng nhp dliuS dng phng thcInsert ca iu khinsqlDataSource chnmt hng vo CSDL

    Demothm mt hng d liu

    V iu khin GridViewkhng h tr thao tc thmd liu vo CSDL cung cp tnh nng ny,lp trnh vin phi

    Thm cc iu khin chophp ngi dng nhp dliuS dng phng thcInsert ca iu khinsqlDataSource chnmt hng vo CSDL

    Lm quen vi lp trnh CSDL ASP.NET 24

    - Cc iu khin cho php ngi dng nhp d liu

  • DemoThm mt hng d liu

    protected void btnAdd_Click(object sender, EventArgs e){

    SqlDataSource1.InsertParameters["CategoryID"].DefaultValue= txtID.Text;

    SqlDataSource1.InsertParameters["ShortName"].DefaultValue= txtShortName.Text;

    SqlDataSource1.InsertParameters["LongName"].DefaultValue= txtLongName.Text;

    try{

    SqlDataSource1.Insert();txtID.Text = "";txtShortName.Text = "";txtLongName.Text = "";

    }catch (Exception ex){

    lblError.Text = "A database error has occurred." +"Message: " + ex.Message;

    }}

    Phng thc x l s kin btnAdd_Click thc hin thao tcchn d liu vo CSDL

    Lm quen vi lp trnh CSDL ASP.NET 25

    protected void btnAdd_Click(object sender, EventArgs e){

    SqlDataSource1.InsertParameters["CategoryID"].DefaultValue= txtID.Text;

    SqlDataSource1.InsertParameters["ShortName"].DefaultValue= txtShortName.Text;

    SqlDataSource1.InsertParameters["LongName"].DefaultValue= txtLongName.Text;

    try{

    SqlDataSource1.Insert();txtID.Text = "";txtShortName.Text = "";txtLongName.Text = "";

    }catch (Exception ex){

    lblError.Text = "A database error has occurred." +"Message: " + ex.Message;

    }}

    Thit lp gi tr cc tham s ca iu khinSqlDataSource

    Thc thi cu lnh chn d liu vo CSDL

  • DemoCp nht mt hng d liu

    protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e){

    if (e.Exception != null){

    lblError.Text = "A database error has occurred." +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;e.KeepInEditMode = true;

    }else if (e.AffectedRows == 0){

    lblError.Text = "Another user may have updated that category." +"Please try again.";

    }}

    Lm quen vi lp trnh CSDL ASP.NET 26

    protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e){

    if (e.Exception != null){

    lblError.Text = "A database error has occurred." +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;e.KeepInEditMode = true;

    }else if (e.AffectedRows == 0){

    lblError.Text = "Another user may have updated that category." +"Please try again.";

    }}

  • DemoXa mt hng d liu

    protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e){

    if (e.Exception != null){

    lblError.Text = "A database error has occurred." +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;}else if (e.AffectedRows == 0){

    lblError.Text = "Another user may have updated that category." +"Please try again.";

    }}

    Lm quen vi lp trnh CSDL ASP.NET 27

    protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e){

    if (e.Exception != null){

    lblError.Text = "A database error has occurred." +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;}else if (e.AffectedRows == 0){

    lblError.Text = "Another user may have updated that category." +"Please try again.";

    }}

  • TemplateField cung cp nhiu tnh nng kim sot hinth ca cc trng ca GridView

    Mc nh, ch Update, cc trng ca GridView hinth l text box hoc Label (trng kha chnh CSDL)S dng Template, lp trnh vin c th

    Cu hnh cho cc trng l cc iu khin web server khcnh: drop-down list, list box.Thm cc iu khin rng buc cho cc trng.

    S dng Template

    TemplateField cung cp nhiu tnh nng kim sot hinth ca cc trng ca GridView

    Mc nh, ch Update, cc trng ca GridView hinth l text box hoc Label (trng kha chnh CSDL)S dng Template, lp trnh vin c th

    Cu hnh cho cc trng l cc iu khin web server khcnh: drop-down list, list box.Thm cc iu khin rng buc cho cc trng.

    iu khin DetailsView, FormView, ListView, DataPager 28

    Label Textbox

  • Chuyn BoundField thnh TemplateFieldS dng hp thoi FieldsNhn chut vo Convert this field into a templateField chuyn trng Bound Field thnh Template Field.

    nh ngha, thm cc iu khin cho cc TemplateM smart tag menu. Chn Edit Template.Thao tc ging nh Data List

    DemoS dng Template Field

    Chuyn BoundField thnh TemplateFieldS dng hp thoi FieldsNhn chut vo Convert this field into a templateField chuyn trng Bound Field thnh Template Field.

    nh ngha, thm cc iu khin cho cc TemplateM smart tag menu. Chn Edit Template.Thao tc ging nh Data List

    iu khin DetailsView, FormView, ListView, DataPager 29

  • Lm quen vi lp trnh CSDL ASP.NET 30

  • iu khin DetailsView c thit k hin th mthng d liu n ca mt datasourceH tr cc tnh nng:

    Phn trangCp nht, thm mi, xa mt hng trong CSDL

    iu khin DetailsView

    iu khin DetailsView c thit k hin th mthng d liu n ca mt datasourceH tr cc tnh nng:

    Phn trangCp nht, thm mi, xa mt hng trong CSDL

    iu khin DetailsView, FormView, ListView, DataPager 31

    iu khin DetailsView hin ththng tin chi tit ca mt snphm

  • iu khin DetailsViewcung cp ba ch hin th

    ReadOnly: Ngi dngch c th xem d liuInsert: Ngi dng cth thao tc thm mid liuUpdate: Ngi dng cth thao tc cp nhtd liu

    Lp trnh vin c th lptrnh cu hnh hin thcho cc ch ny

    Ba ch ca DetailsViewCh ReadOnly

    Click vo Edit schuyn sang ch

    UpdateClick vo New schuyn sang ch

    Insert

    iu khin DetailsViewcung cp ba ch hin th

    ReadOnly: Ngi dngch c th xem d liuInsert: Ngi dng cth thao tc thm mid liuUpdate: Ngi dng cth thao tc cp nhtd liu

    Lp trnh vin c th lptrnh cu hnh hin thcho cc ch ny

    iu khin DetailsView, FormView, ListView, DataPager 32

    Ch Update Ch Insert

  • Cc mc thng dng trongsmart tag menu

    Chc nng tng t nh chcnng tng ng caGridViews

    Smart tag menuca iu khin DetailsView

    Cc mc thng dng trongsmart tag menu

    Chc nng tng t nh chcnng tng ng caGridViews

    iu khin DetailsView, FormView, ListView, DataPager 33

    Smart tag menu h tr cu hnhDetailsView d dng

  • Trang Maser/Details thngdng trnh by thng tinca hai bng c quan h 1-niu khin GridView thngs dng kt hp vi iukhin danh sch & GridViewto thnh trangMaster/Details

    Trang Master/Details

    iu khin GridView iu khin DetailsViewTrang Maser/Details thngdng trnh by thng tinca hai bng c quan h 1-niu khin GridView thngs dng kt hp vi iukhin danh sch & GridViewto thnh trangMaster/Details

    iu khin DetailsView, FormView, ListView, DataPager 34

    iu khin DetailsView hin th mt hng d liun ca mt dataSource

  • Thuc kiu trang Master/Detailng dng gm

    Mt GridView hin th danh schcc sn phm.

    GridView cha button Select chophp chn tng sn phm trongdanh sch

    Mt DetailsView hin th thng tinchi tit ca sn phm c chn

    DetailsView cho php thm mi,cp nht, xa thng tin mt snphm

    Gii thiung dng ProductMaintDetailsView

    Thuc kiu trang Master/Detailng dng gm

    Mt GridView hin th danh schcc sn phm.

    GridView cha button Select chophp chn tng sn phm trongdanh sch

    Mt DetailsView hin th thng tinchi tit ca sn phm c chn

    DetailsView cho php thm mi,cp nht, xa thng tin mt snphm

    iu khin DetailsView, FormView, ListView, DataPager 35

    ng dng ProductMaintDetailsView

  • Ni dung demo:Hin th d liu trn GridView

    To GridView.Cu hnh DataSource cho GridView.Thm trng CommandField Select cho GridViewCh nh thuc tnh SelectedIndex = 0

    Thc hin tng t nh cc bc hc

    Demoto trang Master/Detail

    Ni dung demo:Hin th d liu trn GridView

    To GridView.Cu hnh DataSource cho GridView.Thm trng CommandField Select cho GridViewCh nh thuc tnh SelectedIndex = 0

    Thc hin tng t nh cc bc hc

    iu khin DetailsView, FormView, ListView, DataPager 36

  • Ni dung demoHin th d liu trn DetailsView

    To DetailsView. Cu hnh DataSourcenh ngha cc trngKch hot tnh nng phn trangnh ngha cc Style

    Demoto trang Master/Detail

    Ni dung demoHin th d liu trn DetailsView

    To DetailsView. Cu hnh DataSourcenh ngha cc trngKch hot tnh nng phn trangnh ngha cc Style

    iu khin DetailsView, FormView, ListView, DataPager 37

  • To DetailsView v cu hnh datasourceKo DetailsView t Toolbox ln mn hnh thit k. Gn gitr ID cho DetailsViewM smart tag menu. Ti mc Chose Data Source chnNew Data Source m ca s Data ConfigurationWinzardCu hnh DataSource nh cc bc hc

    Demoto trang Master/Detail

    To DetailsView v cu hnh datasourceKo DetailsView t Toolbox ln mn hnh thit k. Gn gitr ID cho DetailsViewM smart tag menu. Ti mc Chose Data Source chnNew Data Source m ca s Data ConfigurationWinzardCu hnh DataSource nh cc bc hc

    iu khin DetailsView, FormView, ListView, DataPager 38

  • nh ngha cc trng cho DetailsViewTng t nh iu khin GridView, nh ngha cctrng ca DetailsView ta s dng ca s FieldsM smart tag menu, chn Edit Fields

    Thm cc trng BoundField

    Demoto trang Master/Detail

    nh ngha cc trng cho DetailsViewTng t nh iu khin GridView, nh ngha cctrng ca DetailsView ta s dng ca s FieldsM smart tag menu, chn Edit Fields

    Thm cc trng BoundField

    iu khin DetailsView, FormView, ListView, DataPager 39

  • M Aspx t sinh ca DetailsView

    .

    .

    .

    iu khin DetailsView, FormView, ListView, DataPager 40

    .

    .

    .

    Mi trng ca DetailsView l phn t con ca phn tFieldsSinh vin c th tham kho SGK tm hiu cc phn tcon ca phn t Fields nh

    BoundField, ButtonField, CheckBoxField

  • Ngoi mc ch hin th d liu,DetailsView cn s dng sa,thm mi v xa d liu tCSDL.Cc bc to DetailsView c thcp nht CSDL

    Thm trng CommandFieldCu hnh cu lnh Insert, Update,Delete cho DataSourceVit hm x l s kin

    Chn v cp nhtd liu trn DetailsView

    Ngoi mc ch hin th d liu,DetailsView cn s dng sa,thm mi v xa d liu tCSDL.Cc bc to DetailsView c thcp nht CSDL

    Thm trng CommandFieldCu hnh cu lnh Insert, Update,Delete cho DataSourceVit hm x l s kin

    iu khin DetailsView, FormView, ListView, DataPager 41

  • Thm CommandField & cu hnhDatasource

    thm trng CommandField choDetailsView

    M smart tag menu chn Add Field

    Cu hnh cu lnh Insert, Delete,Update cho Datasource

    Tng t nh iu khin GridView

    DemoChn/cp nht d liu trn DetailsView

    Thm CommandField & cu hnhDatasource

    thm trng CommandField choDetailsView

    M smart tag menu chn Add Field

    Cu hnh cu lnh Insert, Delete,Update cho Datasource

    Tng t nh iu khin GridView

    iu khin DetailsView, FormView, ListView, DataPager 42

    -Chn CommandField trong mcChose a field type- Chn kiu button trong mcButton type-Chn cc button cn hin thbng cch tt hoc bt cccheckbox

  • Vit hm x l s kinTng t iu khin GridView, DetailViews cng cungcp cc s kin gip lp trnh vin kim tra ngoi lv li truy cp ng thi cho CSDL.

    DemoChn/cp nht d liu trn DetailsView

    protected void DetailsView1_ItemUpdated(object sender, DetailsViewUpdatedEventArgs e)

    {if (e.Exception != null){

    lblError.Text = "A database error has occurred. " +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;e.KeepInEditMode = true;

    }else if (e.AffectedRows == 0)

    lblError.Text = "Another user may have updated that product. " +"Please try again.";

    elseGridView1.DataBind();

    }

    Vit hm x l s kinTng t iu khin GridView, DetailViews cng cungcp cc s kin gip lp trnh vin kim tra ngoi lv li truy cp ng thi cho CSDL.

    iu khin DetailsView, FormView, ListView, DataPager 43

    protected void DetailsView1_ItemUpdated(object sender, DetailsViewUpdatedEventArgs e)

    {if (e.Exception != null){

    lblError.Text = "A database error has occurred. " +"Message: " + e.Exception.Message;

    e.ExceptionHandled = true;e.KeepInEditMode = true;

    }else if (e.AffectedRows == 0)

    lblError.Text = "Another user may have updated that product. " +"Please try again.";

    elseGridView1.DataBind();

    }

    Kim tra ngoi l

    Kim tra li truy cp ngthi

    Gi phng thcDataBind cp nht dliu va sa ln GridView

    Phng thc x l s kin ItemUpdated ca DetailsView

  • Mc nh cc trng trong ch Insert, Update hin th didng textbox hoc label (trngkha chnh)Lp trnh vin c th kim sothin th, thm cc iu khinvo cc trng cho cc ch nys dng TemplateField to TemplateField, s dnghp thoi Fields chuyn cctrng BoundField thnhTemplateField

    S dng TemplateField

    Giao din Details ch Update vicc iu khin Web Server

    Mc nh cc trng trong ch Insert, Update hin th didng textbox hoc label (trngkha chnh)Lp trnh vin c th kim sothin th, thm cc iu khinvo cc trng cho cc ch nys dng TemplateField to TemplateField, s dnghp thoi Fields chuyn cctrng BoundField thnhTemplateField

    iu khin DetailsView, FormView, ListView, DataPager 44

    Giao din Details ch Update vicc iu khin Web Server

    Giao din Details ch Insert vicc iu khin Web Server

  • Chuyn trng BoundFieldthnh TemplateField

    M smart tag menu, chnEdit Fields

    nh ngha cc trngTemplateField

    Tng t DataList

    nh nghaTemplateField cho DetailsView

    -Click vo tn trngtrong mc SelectedFields- Click vo Convert thisfield into aTemplateField

    Chuyn trng BoundFieldthnh TemplateField

    M smart tag menu, chnEdit Fields

    nh ngha cc trngTemplateField

    Tng t DataList

    iu khin DetailsView, FormView, ListView, DataPager 45

    -Click vo tn trngtrong mc SelectedFields- Click vo Convert thisfield into aTemplateField

  • Cc phn t template caDetailsView

    nh nghaTemplateField cho DetailsView

    Phn t M t

    ItemTemplate Template s dng cho mt trng ring l

    EditItemTemplate Template s dng cho cc trng trong ch Edit

    iu khin DetailsView, FormView, ListView, DataPager 46

    EditItemTemplate Template s dng cho cc trng trong ch Edit

    InsertItemTemplate Template s dng cho cc trng trong ch Insert

    HeaderTemplate Template s dng cho tiu ca cctrng

  • Ni dung demo. nh ngha TemplateField cho ng dngProductMaintDetailsView

    nh ngha EditItemTemplatenh ngha InsertItemTemplate

    Demonh ngha TemplateField cho DetailsView

    Ni dung demo. nh ngha TemplateField cho ng dngProductMaintDetailsView

    nh ngha EditItemTemplatenh ngha InsertItemTemplate

    iu khin DetailsView, FormView, ListView, DataPager 47

  • iu khin ListViewiu khin FormViewiu khin DataPage

    Cc iu khin t hc

    iu khin ListViewiu khin FormViewiu khin DataPage

    iu khin DetailsView, FormView, ListView, DataPager 48

  • Cc iu khin hin th d liuiu khin hin th d liu di dng danh sch

    DataList: Hin th theo cc template c nh ngha,khng h tr phn trang, thng dng hin th d liu, tdng thm, sa, xa d liuGridView: Hin th di dng bng gm dng v ct, h trphn trang, sp xp, cp nht d liu, khng h tr chn dliuListView: C bn ging GridView, nhn cung cp thm tnhnng chn d liu, hin th cc phn t ca datasource theonhm, c th ty chnh nh dng hin th

    Tng kt

    Cc iu khin hin th d liuiu khin hin th d liu di dng danh sch

    DataList: Hin th theo cc template c nh ngha,khng h tr phn trang, thng dng hin th d liu, tdng thm, sa, xa d liuGridView: Hin th di dng bng gm dng v ct, h trphn trang, sp xp, cp nht d liu, khng h tr chn dliuListView: C bn ging GridView, nhn cung cp thm tnhnng chn d liu, hin th cc phn t ca datasource theonhm, c th ty chnh nh dng hin th

    iu khin DetailsView, FormView, ListView, DataPager 49

  • iu khin hin th mt hng d liu n t datasourceDetailsViewFormView: C bn ging DetailsView. Khc: H tr s dngCSS nh dng hin th d liu, ch s dng Template vbiu thc buc hin th d liu.

    Tng kt

    iu khin hin th mt hng d liu n t datasourceDetailsViewFormView: C bn ging DetailsView. Khc: H tr s dngCSS nh dng hin th d liu, ch s dng Template vbiu thc buc hin th d liu.

    iu khin DetailsView, FormView, ListView, DataPager 50