Embed Size (px)
Citation preview
CHAPTER 6
Data Binding
A S P . N E T ( D A T A B I N D I N G ) 1
Introduction
នៅនេលដែលន ើងបានភជា ប Web Application (ASP.NET) ជាម Database រចន ើ ន ើងតរវការទាញ កទននន េ DataSource មកបងហា ញនលើ Web page។
Data Binding គជាវធសាសរតែលអ តាបការងហរននេះ។
Hor Sonoeun
2
ASP.NET(DataBinding)
sqlDataSource Control
sqlDataSource control តរវបាននតបើតបានៅនេលដែល database គជា SQL server។
sqlDataSource control នាមកនវ provider តាប SQL server។
The wizard រប control ននេះនងជ users នធវើការជានតចើនែចជា៖ ការបនងកើរ Connection នៅកាន SQL server ការបនងកើរ SQL query រ Stored-procedure ការទាញ កទននន េ SQL server
Hor Sonoeun
3
ASP.NET(DataBinding)
sqlDataSource Control
បនងកើរ SQL DataSource 1. Select “Data” tab
2. Drag and drop “sqlDataSource”
3. Select “Configure Data Source” នែើមបនបើក sqlDataSource Wizard
Hor Sonoeun
4
ASP.NET(DataBinding)
sqlDataSource Control
បនងកើរ SQL DataSource (cont.) 4. នតជើនរ ើ ក new connection 5. បនា បមកបញច លន ម េះ server 6. នតជើនរ ើ Database => OK => Next => Next => Next 7. បនា បមករនរ select query នែើមបទាញ កទននន េ
SQL server មកដាកនៅនលើ sqlDataSource control។ 8. =>Test Query => Next => Finish
Hor Sonoeun
5
ASP.NET(DataBinding)
Binding Data to a Web Sever Control
1. បនងកើរ Web Page ម ដែលាន control ដែលតរវ bind 2. ចលនៅ “Choose Data Source” នែើមប bind data តាម
លាដាបលានដា ែចខាងនតកាម៖
Hor Sonoeun
6
ASP.NET(DataBinding)
Binding Data to a Web Sever Control
Hor Sonoeun
7
ASP.NET(DataBinding)
Binding Data to a Web Sever Control
3. បនា បមកនធវើការនតជើនរ ើ ន ម េះ Table នង Field នែើមបនធវើការ bind ែចខាងនតកាម៖
Hor Sonoeun
8
ASP.NET(DataBinding)
Database Tables
ឧទា រណ ន ើងាន Database ែចែចកនង រប
Hor Sonoeun
9
ASP.NET(DataBinding)
Binding Data to DropdownList
ន ើងចង កន ម េះនៀវនៅ bName េ tblBookss មកដាកកនង DropdownList ន ើងនធវើែចខាងនតកាម៖ 1. បនងកើរ sqlDataSource ទាញ កទននន េ tblBooks 2. Select នលើញញា Smart Tag “>” នៅជាបខាងសាត ា DropdownList
control
3. Select ក Choose Data Source 4. បនា បមកនតជើនរ ើ DataField នែើមប bind ទននន េ Database នៅកនង DropdownList។
Hor Sonoeun
10
ASP.NET(DataBinding)
bName
bName
Binding Data to DropdownList
នេលននេះន ើងបានកែែចខាងនតកាម៖
Hor Sonoeun
11
ASP.NET(DataBinding)
Binding Data to DropdownList
ននេះជាលទធផល ឧទា រណនេល ែានណើ រការកមមវធ
Hor Sonoeun
12
ASP.NET(DataBinding)
Binding Data to CheckBoxList
ននេះជាលទធផលឧទា រណនេលែានណើ រការកមមវធ ននការ bind data ជាម CheckBoxList
Hor Sonoeun
13
ASP.NET(DataBinding)
Binding Data to CheckBoxList
នែើមប កទននន bType េ tblBookTypes មកបងហា ញជា CheckBoxList នៅនលើ Web Page ន ើងនធវើែចខាងនតកាម៖ 1. បនងកើរ sqlDataSource ទាញ កទននន េ tblBookTypes 2. Select នលើញញា Smart Tag “>” នៅជាបខាងសាត ា CheckBoxList
control
3. Select ក Choose Data Source 4. បនា បមកនតជើនរ ើ DataField នែើមប bind ទននន េ Database នៅb
បងហា ញជា CheckBoxList នៅនលើ Web Page។
Hor Sonoeun
14
ASP.NET(DataBinding)
Binding Data to CheckBoxList
Hor Sonoeun
15
ASP.NET(DataBinding)
Connecting to Data Source
Choosing Field in the Table
ListView
ListView គជា Database Control ដែលតរវបាននតបើនែើមបបងហា ញទននន នៅនលើ Web Page ជាទតមង List។
ជាធមមតាទតមង ListView គមម ន layout នទ ប ដនតន ើងអាច Format Layout បានតាមដែលន ើងចលចរត។ Layout Template គជា Root Template រប Control Item Template គជា Template តាប Item នម ៗ
Hor Sonoeun
16
ASP.NET(DataBinding)
ListView Template Editing
នែើមបកាណរ Template ឲយ ListView ន ើងអាចនតបើ Current View នង Configure ListView។
Hor Sonoeun
17
ASP.NET(DataBinding)
Current View
Configure ListView
Binding Data to ListView
ន ើងចង កទននន នៅកនងដាក tblBookType មកបងហា ញកនងListView នៅនលើ Web Page ន ើងនធវើែចខាងនតកាម៖ 1. បនងកើរ sqlDataSource ទាញ កទននន េ database 2. បញច ល ListView control នៅកនង Web page 3. នៅនលើ ListView Select នលើញញា “>” នៅជាបខាងសាត ា 4. Select កន ម េះ sqlDataSource កនង Choose Data Source
Hor Sonoeun
18
ASP.NET(DataBinding)
Binding Data to ListView
5. នតជើនរ ើ Fields ដែលន ើងចងបងហា ញ 6. នធវើការកាណរ Template រប ListView
Hor Sonoeun
19
ASP.NET(DataBinding)
GridView
GridView គជា Database Control រជា data grid control ែានតបទធភជេ ម ដែលតរវបាននតបើ នែើមបបងហា ញទននន នៅ នលើ Web Pageតបកបនដា លកខណៈងហ ស តាបការ Sort, Delete, រ Update ទននន ។
Hor Sonoeun
20
ASP.NET(DataBinding)
Binding Data to GridView
ន ើងចង កទននន នៅកនងដាក tblBookType មកបងហា ញកនងGridViewនៅនលើ Web Page ន ើងនធវើែចខាងនតកាម៖ 1. បនងកើរ sqlDataSource ទាញ កទននន េ database 2. បញច ល ListView control នៅកនង Web page 3. នៅនលើ ListView Select នលើញញា “>” នៅជាបខាងសាត ា 4. Select កន ម េះ sqlDataSource កនង Choose Data Source
Hor Sonoeun
21
ASP.NET(DataBinding)
Binding Data to ListView
5. នតជើនរ ើ Fields ដែលន ើងចងបងហា ញ 6. នធវើការកាណរលកខណៈនផេងៗរប GridView
Hor Sonoeun
22
ASP.NET(DataBinding)
Data Binding
End! Hor Sonoeun
23
ASP.NET(DataBinding)
សណរ
Hor Sonoeun
24
ASP.NET(DataBinding)
1. នរើ DataSource ជាអវ៕ 2. ចរនរៀបរាបេការបនងកើរ SQL DataSoruce ជាម
ASP.NET? 3. នរើ ASP.NET ផតលឲយន ើង Database Controls អវខលេះ?
ចរនរៀបរាប។ 4. នរើ GridView ផតលនវមរថភជេអវខលេះែល Web page
តាបនធវើការជាម Database?
