You are on page 1of 51

i Hc Khoa Hc T Nhin TP HCM Khoa Cng Ngh Thng Tin B Mn Cng Ngh Phn Mm

Bo Co Ti Tm Hiu Devexpress GridControl

GVHD: Ng B Nam Phng Sinh vin: 1042017 Trn Thanh Cng 1042052 Hong ng Khoa

I.

Tng quan
a. Data S dng kin trc ADO v cc h tr cp nht, phn tch v trnh by d liu. khng s dng by k b m thm no trong cc ch ca n, k c trong ch gom nhm ct. H tr cho d liu kiu Data List lm vic vi bt c ngun d liu no t cc interfaces IList, ITypedList or IBindingList, cng vi tt c cc kiu k tha t cc interfaces. Cc ct d liu c th ty bin cho hp l. C th t ng to ra t cc ngun d liu hoc nh sn khi thit k H tr Master-Detail : h tr thit lp v trnh by chi tit tng ththng tin trong ch rng buc hay khng rng buc. Bn thm ch c th s dng ch khoan xung zoom vo tng cp c th, cho php ngay c nhng b phc tp nht ca cc mi quan h c thao tc d dng. h tr ch iu khin lin kt d liu mi, c gi l Server Mode, m c thit k c bit h tr d liu ln (bao gm 50.000 h s v thm ch nhiu hn). b. Data Representation (i din) GridControl hin th d liu bng cch s dng Views. Views ging nh l mt thnh phn trc quan kt hp trong mt Grid, c th: Trnh by d liu t mt ngun d liu n mt ngi dng cui cng; Cung cp cc phng tin chnh sa d liu; C nhiu chnh sa, ty bin v hnh vi la chn, v.v GridControl gm 5 cch th hin d liu khc nhau Grid View : hin th d liu s dng hng tiu chun v cch b tr ct Layout View : d liu hin th nh cc th h tr nhiu b cc Card View : hin th cc bn gi d liu nh th bng b tr n gin Banded Grid View v Advanced Banded Grid View : ging Grid View nhng h tr vic sp xp, gom nhm ct

Nhp Mn Cng Ngh Phn Mn 10HCB

Bn cng c th to ra mt View ty nu View tiu chun khng ph hp vi nhu cu c th ca bn. Vic th hin View cng c phn cp r rng. Thng tin c th c phn rt nhiu cp v mi cp c th s dng cch View khc nhau

c. Design-time Devexpress cung cp Level Designer v XtraGrid Designer ty chnh control v view N gip bn ty chnh mt cch nhanh chng cch view ca control cng nh cc cp bn di

Nhp Mn Cng Ngh Phn Mn 10HCB

II.

Nguyn tc c bn
a. Views

b. Grid View D liu c b tr trong cc ct v dng. C th xc nh c c th d liu dng no ct no da vo cc thng tin v dng v ct.

Nhp Mn Cng Ngh Phn Mn 10HCB

Cc thnh phn c bn: - H tr Master-Detail - Gom nhm dng - Sp xp d liu - Lc d liu - Hin th v xem trc cc thnh phn - n nhng ct khng cn thit - Hin th Popup Menus - Hin th nhng gi - Hin th thng tin tm tt - Chn nhiu dng - Cch hin th thng tin c th c ty chnh trong qu trnh chy c. Layout View - Ging nh Card Views, hin th d liu di dng bng ghi. Tuy nhin khng ging nh Card Views, Layout View h tr vic b tr cc Card v cc Card Field trong th mt cch linh hot hn. - Card Layouts:

Nhp Mn Cng Ngh Phn Mn 10HCB

Nhp Mn Cng Ngh Phn Mn 10HCB

Nhp Mn Cng Ngh Phn Mn 10HCB

Card Field Layouts

Cc thnh phn chnh o Ty bin giao din thng qua control Design o Hints (tooltip) o Sp xp cc record(Sorting) o Lc d liu (Filtering) o Chn nhiu th cng lc

d. Card View - Card View trnh by d liu trong th, trong hin th trng theo chiu dc trong mt ct duy nht. - Trong Card View, h s b rng buc c i din l th bao gm cc lnh vc m lun lun c b tr. Card View khng h tr b tr cc trng khc. Nu bn cn sp xp cc trng trong mt s cch khc, s dng Layout View thay th.

Nhp Mn Cng Ngh Phn Mn 10HCB

Cc thnh phn chnh o Ty chnh giao din trong qu trnh chy o Hints (tooltip) o Sp xp d liu o Lc d liu o Chn nhiu th cng lc o n nhng ct khng cn thit

e. Banded Grid View v Advance Banded Grid View - Th hin d liu di dng bng 2 chiu ging nh Grid Control - Tuy nhin c th gom nhm cc ct li thnh mt nhm

Nhp Mn Cng Ngh Phn Mn 10HCB

Cc tnh nng c bn o n nhng di khng s dng ti o Ty chnh giao din trong qu trnh chy

III.

Cc thnh phn chnh


a. Thnh phn chung cho GridControl Data Navigator : l control c nhng bn di grid, gip ngi dng c th di chuyn v chnh sa d liu. Ch l n ch khng
9

Nhp Mn Cng Ngh Phn Mn 10HCB

c hiu lc vi nhng dng c n trong nhng nhm b Collapsed. Mun s dng phi expand nhng nhm ny.

Cc thuc tnh chnh ca control Appearance : nh dn hin th cho navigator (s dng thuc tnh ButtonStyle ca EmbeddedNavigator) Visibility : s dng hay khng s dng navigator Available Buttons : hin th nhng button trong navigtor

Find Panel : Vic xy dng Find Panel l rt n gin. n s gip lc ra nhng th hin ph hp vi chui tm kim a vo t 1 textbox, v hin th trn grid. Nu nh chng ta Clear chui ny i th tt c cc th hin s c hin th

10

Nhp Mn Cng Ngh Phn Mn 10HCB

Cc thuc tnh chnh: Visibility : ch c hiu lc khi thuc tnh ColumnViewOptionView.AllowFindPanel = true. Hin th hay khng hin th find panel Searching : cu hnh vic thc hin search. Cu hnh thng qua thuc tnh FindMode: o Default : nhp chui tm kim v nhn Enter o Always : mi FindDelay mili giy o FindClick : ch khi nhn nt Find Search String : chui tm kim Search Columns/Fields : xc nh vic tm kim nm trong nhng ct hay trng no, cu hnh qua thuc tnh FindFilterColumn. (*: l tt c cc ct hay trng) Search Result : c nh du nhng kt qu tm c khng qua thuc tnh HighlightFindResults

b. Thnh phn chung ca cc View New Item row/card: s dng d thm 1 th hin bng vic nhn phm Enter - Row : dng mi c th nm pha trn, di, hoc trong 1 nhm

11

Nhp Mn Cng Ngh Phn Mn 10HCB

Card : card mi c th nm trn hoc di tt c cc card khc

Cc thuc tnh chnh: Row Handle : thuc tnh NewItemRowHandle Possition : v tr so vi grid

FilterPanel : lc d liu trong grid

Cc thuc tnh chnh: Appearance Custom Draw Event Visibility Contents

Cch xy dng:
12

Nhp Mn Cng Ngh Phn Mn 10HCB

Filter DropDown:

Custom filter:

13

Nhp Mn Cng Ngh Phn Mn 10HCB

View Caption : t tn cho grid

c. Grid View Auto Filter Row : filter t ng

Cc thuc tnh chnh: Visibility: Appearance Row Handle

14

Nhp Mn Cng Ngh Phn Mn 10HCB

Column

Header:

Context Menu:

15

Nhp Mn Cng Ngh Phn Mn 10HCB

Column Header Images

Column Header Panel:

Customization form: chnh sa hin th form

16

Nhp Mn Cng Ngh Phn Mn 10HCB

Data Row

Filter Button

Group Expand Button

17

Nhp Mn Cng Ngh Phn Mn 10HCB

Group Panel

Preview Row

Sort

18

Nhp Mn Cng Ngh Phn Mn 10HCB

Footer

d. Card View Card : thng tin c hin th theo dng th (card)

Field(trng): d liu c hin th theo cc trng d liu

19

Nhp Mn Cng Ngh Phn Mn 10HCB

Down v Up button: xem d liu b n do d liu qu nhiu

Customize: chnh sa thng tin hin th, sp xp v lc d liu

20

Nhp Mn Cng Ngh Phn Mn 10HCB

e. Layout View Card : d liu cng c hin th theo dng th ging nh CardView

21

Nhp Mn Cng Ngh Phn Mn 10HCB

Customize form : Ty chnh hin th ca form

22

Nhp Mn Cng Ngh Phn Mn 10HCB

Header : ty chnh form theo nhng giao din sn c

23

Nhp Mn Cng Ngh Phn Mn 10HCB

IV.

Tnh nng thit k(designer)


a. Views Page

The Views page c hai phn chnh: The Level Designer : Lu rng cc designer pages khc cung cp cc thit lp cho cc View m c chn trong level designer The Properties : cung cp truy cp n cc thit lp ca cc View hin ang c chn.

24

Nhp Mn Cng Ngh Phn Mn 10HCB

b. Columns Page The Columns page cung cp qun l cc ct cch c bn bao gm cc buttons c s dng thm v xo cc ct, khung hin th danh sch tn ca cc trng d liu trong mt ngun d liu rng buc v ct li, mt thuc tnh gird ti sn cho php chn nhng thuc tnh ca cc ct.

Cc ct c qun l bng cch s dng cc nt nm u. - Add - to ra mt ct mi v gn thm n vo collection. - Insert - to ra mt ct mi v thm n v tr hin ang c chn. - Remove - loi b cc ct c la chn t collection. - Retrieve Fields - to ra cc ct cho tt c cc trng trong ngun d liu rng buc. Bt k ct hin ti s b xa u tin. Ct mi c to ra trong th t nh cc lnh vc lin kt xut hin trong cc ngun d liu. The available data source fields are listed by the Field List list box located on the left side of the page. By default, the Field List is hidden.

25

Nhp Mn Cng Ngh Phn Mn 10HCB

You must click the button to display it. The bold items indicate that the View has no column bound to this field. The Columns page cung cp cc tab Column properties, Column options v Filter options. Tab u tin danh sch tt c cc ci t ct. Tabs Column options v Filter options c thit k tu bin d dng hn trong cc ty chn ct.

Lu rng bn c th ty chnh cc ci t cho nhiu ct cng mt lc. Gi phm SHIFT v CTRL trong lc bm vo tn ct chn nhiu ct. c. Bands Page The Bands page cung cp thi gian thit k c s cho vic thm v xo bands, ty bin cc thit lp bands v thay i b cc ca cc bands v ct. c hin th trong hnh di y.

26

Nhp Mn Cng Ngh Phn Mn 10HCB

The page is represented by a preview section, mt thuc tnh cho php ci t trong cc thit lp Bands c la chn v t cc nt cung cp cc chc nng c m t trong danh sch di y.

Add New Band... - to ra mt Band mi. Mt khi mt Band mi c to ra, Band c th c sp xp li bng cch ko-v-th. Bn cng c th bt u mt hot ng ko v th ngay lp tc khi nt ny c nhn. iu ny cho php bn to ra Band khi cn m khng cn phi sp xp li chng sau ny. Show columns selector - invokes the customization form. Bn c th ko tiu mu n cc ct tng ng v Bands. Delete selected band loi b cc bands c chn la. Reset - loi b tt c cc thay i k t khi page c m ra.

Nhp vo tiu band truy cp cc thit lp caband. The Bands page cung cp cc tabs Band properties, Band options v Main properties. Tab u tin lit k tt c cc thit lp band. Cc ty chn Band v chnh cc tab thuc tnh c thit k lm cho n d dng hn ty chnh bands.

27

Nhp Mn Cng Ngh Phn Mn 10HCB

Lu : cch b tr ca cc band cng c th c ty chnh trc tip trong vic kim sot grid control nh trong ti liu Bands and Columns Customization . Khi ty bin cch b tr trong vng kim sot, bn ang b hn ch bi cc ty chn BandedGridOptionsCustomization.AllowChangeBandParent v BandedGridOptionsCustomization.AllowChangeColumnParent. Khi s dng Band Designer, cc ty chn ny khng c a vo ti khon v v th tt c cc loi thay i b tr c cho php. d. Feature Browser Page The Feature Browser page cho php XtraGrid control c d dng ty chnh bng cch cung cp mt danh sch tnh nng cu trc vi cc thit lp lin quan. N c hin th trong hnh di y:

28

Nhp Mn Cng Ngh Phn Mn 10HCB

La chn mt tnh nng c bit trong tree View dn n thuc tnh grid c chn lc ch nhng thuc tnh v cc s kin c lin quan n tnh nng ny c hin th. V d, trong hnh trn ch c cc thit lp c lin quan n tnh nng Preview ca XtraGrid c hin th. Cc thuc tnh c thit lp gi tr mc nh ca h c hin th mu . Ngoi ra, cc thuc tnh c gi tr c thay i c hin th mu xanh. V d, theo mc nh thuc tnh GridOptionsView.ShowPreview c gn l false. kch hot ty chn ny, nhp vo lin kt tng ng, hoc thit lp thuc tnh ny l true thc s s dng thuc tnh grid. Bt k thay i c thc hin ngay lp tc c phn nh trong mc Preview.

e. Layout Page The Layout page cung cp kh nng design-time cho php bn ty bin, lu v khi phc li cc layout ca Views. N c hin th trong hnh di y.

29

Nhp Mn Cng Ngh Phn Mn 10HCB

The Layout page hin th hai tab Grid Preview v DataAdapters (sau ny c thay th bng tab Load Data from XML nu grid control khng b rng buc vo d liu bng cch s dng mt .NET Data Provider). Cc tab th hai (hoc DataAdapters hoc Load Data from XML) cho php d liu c loaded cc phn xem trc hin th trn View nh l n s xem xt thi gian chy. iu ny c th lm cho qu trnh ty bin View rt hiu qu v tit kim rt nhiu thi gian. Tab DataAdapters c th hin trong hnh nh sau y.

30

Nhp Mn Cng Ngh Phn Mn 10HCB

Nh bn thy, n c cha mt combobox vi mt danh sch ca cc d liu c sn v hai nt c m t di y:


o o

Fill DataSet - ly d liu t cc ngun d liu. Mt khi d liu c loaded, n hin th trong bng Grid Preview. Clear DataSet - loi b tt c cc records t xem trc.

bit thng tin chi tit v cch s dng .NET Data Providers, dng ti liu Data Binding Mechanism in ADO.NET Nhng hnh nh tip theo cho thy Load Data from XML tabbed page.

Nt Load XML file... m mt hp thoi cho php bn chn mt tp tin XML phc v nh l grid's data source.
31

Nhp Mn Cng Ngh Phn Mn 10HCB

Tab Grid Preview cho php bn thay i b cc ca View'strong cng mt cch nh trong thi gian chy. iu ny bao gm vic p dng grouping, filtering, sorting v modifying ca cc ct v bands. Bn cng c th s dng c xy dng trong menu. Hnh nh di y cho thy menu ca ct tiu .

Nt Show columns selector c hin th gc trn bn phi ca trang. Bn c th di chuyn cc ct tiu t form n hoc hin th cc ct. Sau khi b tr mt ca View c chnh sa, bn c th p dng n cho View hin ang c chn bng cch s dng nt Apply. lu View's layout vo mt tp tin XML nhp vo Save Layout... nt u trang. Sau khi lu, cch b tr c th c loaded v p dng cho Views khc. khi phc li View's layout t mt tp tin XML hin ti, hy nhp vo nt Load Layout... Sau khi b tr c loaded, bn nhn nt Apply p dng n cho View. Nu cc thay i cha c p dng, mt hp thoi cnh bo (nh trong hnh di y) c t ng hin ln khi chuyn sang mt XtraGrid Designer khc hoc ng Designer.

32

Nhp Mn Cng Ngh Phn Mn 10HCB

Note : Xut hin ci t khng c lu khi layout c lu. The appearance layout can be saved within the Appearances page. f. Group Summary Items Page Grid Views and their descendants cung cp mt summary feature cho php cc gi tr ca cc chc nng tng c tnh tng phn tt c cc dng hoc cc nhm ch ca cc dng s c hin th. tnh ton v hin th gi tr summary cho cc nhm dng, bn cn thm cc mc summary items to the View's GridView.GroupSummary collection. Mi mc tm tt quy nh cc loi chc nng tng hp, lnh vc c gi tr c s dng tnh ton, cho d gi tr bn tm tt s c hin th trong group footer group rows, etc. The designer's Group Summary Items page cung cp truy cp vo b su tp group summary items v cho php cc thit lp ca cc c nhn c ty chnh. N c hin th trong hnh di y.

Nt Add to ra mt summary item mi v a n vo b s tp. nt Remove loi b cc sn phm c chn t b su tp. Summary

33

Nhp Mn Cng Ngh Phn Mn 10HCB

items c gi tr th c ghi vo danh sch. Cc mc c chn ci t c hin th trong the property grid. g. Appearances Page The Appearances page cung cp thi gian thit k c bn cho cc ty chnh v thit lp xut hin dng sn yu t View. C th, n cung cp truy cp vo b su BaseView.Appearance N c hin th trong hnh di y.

Vic xut hin c sn c lit k trong danh sch. S xut hin la chn ca cc thit lp c lit k bi cc thuc tnh ca grid trong tab Properties. Tt c nhng thay i ny ngay lp tc c phn nh trong Appearance preview. Lu rng cc thit lp xut hin dng sn nn ca phn t (BackColor, BackColor2 v GradientMode) c b qua khi cc View c sn bng cch s dng WindowsXP, office2003 hay phong cch Skin. xc nh chuyn i View's paint style dng tab Paint Style.
34

Nhp Mn Cng Ngh Phn Mn 10HCB

Nu chn View chn khng phi l Card View the Paint Style cng cha cc ty chn GridOptionsView.EnableAppearanceEvenRow v GridOptionsView.EnableAppearanceOddRow ghi r hng thm ch v l u c sn bng cch s dng cc thit lp xut hin cung cp bi thuc tnh GridViewAppearances.EvenRow v GridViewAppearances.OddRow ca View's tng ng. The Preview pane cho php cc phn t Xem mong mun c la chn Khi mt ngi dng cui cng di chuyn con tr chut trong the preview pane, cc phn t View nm di con tr chut c t m. . Sau khi nhp chut nh du phn t, phn giao din c dng yu t paint ny c hin th trong list Appearances. V d, nu mt tiu ct c nhp vo, ch c FixedLine, HeaderPanel v HeaderPanelBackground c hin th.

35

Nhp Mn Cng Ngh Phn Mn 10HCB

hin th tt c cc appearances c sn, click nut hoc nhn chn 'Ctrl'+'Z' Bn c th ty chnh cc ci t appearances cng mt lc. Gi phm SHIFT hoc CTRL trong khi nhp chut vo tn cc appearances chn cc i tng xut hin nhiu. Chn tt c appearances, click nt hoc chn 'Ctrl'+'A'. thit lp li cc thit lp appearances cho la chn cc i tng appearances (s) gi tr mc nh ca n, click nt hoc chn 'Ctrl'+'D'. The appearance layout (cc thit lp ca tt c cc i tng AppearanceObject) c th c lu vo mt file XML v sau p dng cho Views khc. lm iu ny s dng cc nt nm u trang. Cc nt ny c m t di y: o Load Appearance Layout... - invokes the Open dialog n cho php lu cc appearance layout trc l loaded t mt fileXML. o Save Appearance Layout... - invokes the Save dialog n cho php lu vo mt file XML cc appearance layout hin ti

36

Nhp Mn Cng Ngh Phn Mn 10HCB

h. Format Conditions Page The Style Conditions page cung cp design-time ti mt View's BaseView.FormatConditions. Cc mc trong b su tp ny i din cho cc iu kin cho cc column cells v ch nh appearance p dng cho cc cells ph hp vi tiu chun quy nh. iu ny cho php nh dng c iu kin c p dng cho cc data cells.

Cc nt Add v Remove c th c s dng thm mt mc mi hoc xa mt trong nhng la chn t b su tp, tng ng. Thuc tnh selected item's c th c truy cp bng cch s dng th Properties. Cc tab Appearance c thit k lm cho n d dng hn ty chnh cc thit style condition's appearance.

37

Nhp Mn Cng Ngh Phn Mn 10HCB

i. Style Schemes Page The Style Schemes page cho php style schemes c p dng cho Views v paint styles ca n c thay i. N c hin th trong hnh di y.

38

Nhp Mn Cng Ngh Phn Mn 10HCB

C bn mi bn style schemes c xc nh trc c th c p dng cho Views. Nhng style schemes c lit k trong hp danh sch nm pha bn tri ca trang. Phn hin th xem trc mt mu View vi selected scheme c p dng. Bn cng c th xc nh View's paint style bng cch chn mt mc t Paint Style combobox pha di. Sau khi mt style scheme v paint style c chn, bm nt Apply p dng chng cho View. Nu View's default styles cn phi c khi phc li chn "Default" mc trong list box. Bn cng c th to ra cc appearance layouts theo phong cch ring ca bn, v p dng chng vo Views. iu ny c th c thc hin bng cch s Appearances. j. In-place Editor Repository Page - The In-place Editor Repository page cho php bn qun l ni b grid control's (tc l ty chnh b su tp cc bin tp vin ti ch). Trang ny cung cp truy cp vo b su tp EditorContainer.RepositoryItems bit thng tin chi tit v vic s dng repositories, xem trong phn The Repository Concept . N c hin th trong hnh di y.

39

Nhp Mn Cng Ngh Phn Mn 10HCB

The repository items collection c th c qun l bng cch s dng cc nt nm u trang. Cc nt ny c m t di y. - Add - to ra mt repository item mi ca mt loi hnh c th v gn thm n vo repository. . Cc loi ca the repository item th c hin th trong nt, nh th hin trong hnh di y.

Dropdown - invokes the dropdown (xem hnh di y) that c cha mt danh sch cc repository item c sn. Mt khi cc item c chn, n c thm vo repository v loi ca n c hin th trn nt Add.

40

Nhp Mn Cng Ngh Phn Mn 10HCB

Remove loi b nhng repository item c chn t repository. Editor c th c ly ra t b su tp, nu n khng c phn nh cho mt ct. Clear loi b tt c nhng editors ci m khng c phn nh cho ct.

Khi mt repository item c thm vo repository, tn ca n and v kiu d liu c hin th trong repository items list (xem hnh trn). Cc selected item's settings c th thay i khi s dng thuc tnh grid. k. View Repository Page The View Repository cho php bn qun l grid control's View repository (tc l ty chnh b su tp ca Views). Trn thc t, n cung cp quyn truy cp vo b su tp GridControl.ViewCollection trong grid's. Views trong repository ny c th s dng nh pattern Views hoc trong thuc tnh GridControl.MainView . N c hin th trong hnh di:

41

Nhp Mn Cng Ngh Phn Mn 10HCB

Cc b su ca Views c th c qun l bng cch s dng cc nt nm u trang. Cc nt ny c m t di y: - Add to ra mt View mi ca mt loi c th v a n vo repository. The View's type c hin th trn nt, nh hnh di y:

Dropdown - invokes the dropdown (xem hnh di y) which contains the list of available View types. Mt khi cc View c chn la, n c a vo repository v loi ca n c hin th trn nt Add

Remove loi b View c chn t repository. khng th c g b t b su tp nu n c p cho mt grid level.


42

Nhp Mn Cng Ngh Phn Mn 10HCB

Mt khi mt View c thm repository, tn ca n and loi th c hin th trong danh sch Views (xem nh trn).View's c chn ci t c th thay i bng cch s dng property grid. l. Print Appearances Page The Print Appearances cung cp design-time c bn ty chnh appearances s dng paint View khi mt grid control th c in. N cung cp design-time truy cp ti BaseView.AppearancePrint. c hin th trong hnh di.

The appearance settings of the AppearanceObject ang c chn trong list box th c lit k trong property grid. Tt c cc thay i ny nay lp tc c phn nh qua bi preview section - mt khu vc hnh ch nht di cng ca trang. The Print Appearances cung cp cc nt s dng lu v khi phc li cc print appearance layout. Cc nt ny c m t di y: - Load PrintStyle Layout... - invokes the Open dialog n cho php m appearance layout c lu trc y m n c loaded t mt file XML. - Save PrintStyle Layout... - invokes the Save dialog cho php lu appearance layout vo mt file XML.
43

Nhp Mn Cng Ngh Phn Mn 10HCB

Note: the print appearances s c s dng nu View's GridOptionsPrint.UsePrintStyles (cho Grid Views) hoc CardOptionsPrint.UsePrintStyles (cho Card Views) ty chn l gn l true. Nu khng , nu the print appearances khng c dng, cc loi View s c thit k vi thuc tnh appearance settings bi View'sthuc tnh BaseView.Appearance khi grid control c in. m. Printing Settings Page The Printing Settings cung cp design-time c bn ty chnh cc ty chn printing, control the appearance of the View's printed theo phin bn. N c hin th trong hnh di y.

Tab Options and Behavior cung cp design-time truy cp vo ty chn ca View's printing c th truy cp thng qua thuc tnh GridView.OptionsPrint hoc CardView.OptionsPrint cho Card Views. The Options cung cp mt b cc ty chn xc inh cc View elements nn c printed. The Behavior cung cp nhm khc cc ty chn ch nh View nn c printed nh th no. Nhng phn ny c hin th hnh bn di .

44

Nhp Mn Cng Ngh Phn Mn 10HCB

n. Level Designer Khi mt XtraGrid control c t trn mt form, the Level Designer th c hin th gc phi di cng ca control. Ban u , the level designer cung cp vic to View mt cch t ng tng ng vi grid's main View (GridControl.MainView). Hnh nh di y cho thy mc thit k.

Nu grid c lin kt vi mt System.Data.DataTable c cha mi quan h master-detail, thng tin v mi quan h master-detail c th c ly t ngun d liu rng buc bng cch click vo nt Retrieve Details.Kt qu l , new levelsc tn ph hp vi tn ca cc mi quan h m level tng ng c to ra. A level in XtraGrid ch n gin l mt s kt hp ca mi quan h master-detail c th. The View c s dng i din cho mi quan h ny (level's name) phi ph hp vi tn ca cc mi quan h master-detail .
45

Nhp Mn Cng Ngh Phn Mn 10HCB

Note :Cc LevelTree khng nht thit phi cha cc nt m representi tt c cc mi quan h trong mt ngun d liu rng buc. Trong trng hp ny, nu thuc tnh GridControl.ShowOnlyPredefinedDetails c thit lp l true, ch c mi quan h c gi bi cc LevelTree c hin th trong grid. Nu thuc tnh ny c thit lp false, tt c cc mi quan h trong mt ngun d liu rng buc s c hin th trong grid. Mt khi levels i vi View c to ra, bn nn kt hp chng vi cc View. The Level Designer cung cp mt menu cho php mt loi View mi c to ra v lin kt vi mi quan h. Vi mc ch ny, nhp vo Click here to change View link nm bn phi ca level name. Nhng hnh nh di y cho thy lm th no to ra CardView lin kt n vi cc mi quan h FK_Suppliers_Products.

46

Nhp Mn Cng Ngh Phn Mn 10HCB

N cng c th cho mi quan h vi mt View (nu c), c cha trong mt grid's View repository.

Nu View khng c ch nh, mi quan h ny s c lin kt vi mt GridView to ra trong thi gian chy. Nhng hnh nh tip theo cho thy cu trc phn cp mt Views' v minh ha mt s cc c s ty bin cung cp bi Level Designer.

Creating levels manually c th c hu ch nu bn mun thit lp mi quan h master-detail relationships thng qua code, nhng cung cp Views l i din cho h ti design time. To create a new level,
47

Nhp Mn Cng Ngh Phn Mn 10HCB

ch cn click link Click here to create a new level mi c hin th pha di. Khi mt level mi c to ra, gn cho n mt ci tn ph hp vi tn ca mi quan h master-detail m bn mun hin th. Sau kt hp vi mt View nh m ta trn. The Level Designer cho php kiu View lin kt vi View level c thay i Nhng hnh nh di y cho thy lm th no chuyn i main View t 'GridView' to 'AdvBandedGridView'.

Add level to ra mt child level mi . Change LevelName thay i tn level's. Delete level xa b level hin ti ang c chn.

o. Bands and Columns Customization C mt vi cch ty bin cc bands v cc ct ti design time. Mt cch l s dng XtraGrid Designer. Thit k ny cho php bn thm, xa, sp xp v truy cp cc ci t ca cc bands c nhn v ct. Grid Views cung cp mt cch thay th cc ty chnh cc ct v cc bands m khng cn phi gi mt hp thoi khc. Topic ny m t cc tu chnh c th c thc hin bng cch s dng cc phng php sau.

Modifying the Layout of Band and Columns The band v columns layout c th c sa i bng cch ko v th.

48

Nhp Mn Cng Ngh Phn Mn 10HCB

Hnh ban u

Thay i v tr cc ct v bands Accessing the Settings of the Bands and Columns - ty chnh mt band hoc column, hy nhp vo tiu ca n chn n. Mt khi mt band hoc ct c la chn, tnh cht ca n c hin th trong ca s Properties nh th hin trong hnh di y. Lu rng mt s cc bands hoc cc ct c th c la chn. iu ny c th hu ch khi bn mun cung cp cc thit lp tng t cho nhiu ct hoc cc bands.

49

Nhp Mn Cng Ngh Phn Mn 10HCB

Ct cng c th c ty chnh bng cch s dng column header context menus. gi mt menu, kch chut phi vo tiu ca ct.

50

Nhp Mn Cng Ngh Phn Mn 10HCB

You might also like