SlideShare a Scribd company logo
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?

More Related Content

PDF
Chapter 7 (ado.net)
PDF
Chapter 4 (navigater)
PDF
Chapter 2 (web servercontrol)
PDF
Chapter8 thin client server system development
PPTX
database design process
PPTX
Student Management
PDF
Chapter 8 (security)
PDF
Before beginning
Chapter 7 (ado.net)
Chapter 4 (navigater)
Chapter 2 (web servercontrol)
Chapter8 thin client server system development
database design process
Student Management
Chapter 8 (security)
Before beginning

More from let's go to study (17)

PPTX
Rs instructor ppt_chapter11_final
PDF
Before beginning
PDF
Chapter 5 (master page)
PDF
Chapter 3 (validation control)
PDF
Chapter 1 (asp.net over view)
PPT
PPT
PPT
PPT
PPTX
009 sql server management studio
PPTX
007 sql server-installation
PPT
Chapter 2-html-tage
PDF
Chapter 0 before you start
PDF
Java 2 chapter 10 - basic oop in java
PPTX
DOCX
Myhomework
Rs instructor ppt_chapter11_final
Before beginning
Chapter 5 (master page)
Chapter 3 (validation control)
Chapter 1 (asp.net over view)
009 sql server management studio
007 sql server-installation
Chapter 2-html-tage
Chapter 0 before you start
Java 2 chapter 10 - basic oop in java
Myhomework
Ad

Chapter 6 (data binding)

  • 1. CHAPTER 6 Data Binding A S P . N E T ( D A T A B I N D I N G ) 1
  • 2. Introduction  នៅនេលដែលន ើងបានភ្ជា ប់ Web Application (ASP.NET) ជាមួ Database រួចន ើ ន ើងត្រូវការ ទាញ កទិននន័ េី DataSource មកបង្ហា ញនលើ Web page។  Data Binding គឺជាវិធីសាស្រ្តែ៏លអ្ត្ាប់ការង្ហរននេះ។ Hor Sonoeun 2 ASP.NET(DataBinding)
  • 3. 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)
  • 4. 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)
  • 5. 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)
  • 6. Binding Data to a Web Sever Control 1. បនងកើរ Web Page មួ ដែលាន control ដែលត្រូវ bind 2. ចូលនៅ “Choose Data Source” នែើមបី bind data តាម លាំដាប់លាំនដា ែូចខាងនត្កាម៖ Hor Sonoeun 6 ASP.NET(DataBinding)
  • 7. Binding Data to a Web Sever Control Hor Sonoeun 7 ASP.NET(DataBinding)
  • 8. Binding Data to a Web Sever Control 3. បនា ប់មកនធវើការនត្ជើ្នរើ្ន្ម េះ Table និង Field នែើមបីនធវើ ការ bind ែូចខាងនត្កាម៖ Hor Sonoeun 8 ASP.NET(DataBinding)
  • 9. Database Tables ឧទា រណ៏ ន ើងាន Database ែូចែូចកនុង រូប Hor Sonoeun 9 ASP.NET(DataBinding)
  • 10. 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
  • 11. Binding Data to DropdownList  នេលននេះន ើងបានកូែែូចខាងនត្កាម៖ Hor Sonoeun 11 ASP.NET(DataBinding)
  • 12. Binding Data to DropdownList  ននេះជាលទធផល ឧទា រណ៏ នេល ែាំនណើ រការកមមវិធី Hor Sonoeun 12 ASP.NET(DataBinding)
  • 13. Binding Data to CheckBoxList  ននេះជាលទធផលឧទា រណ៏ នេលែាំនណើ រការកមមវិធី ននការ bind data ជាមួ CheckBoxList Hor Sonoeun 13 ASP.NET(DataBinding)
  • 14. 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)
  • 15. Binding Data to CheckBoxList Hor Sonoeun 15 ASP.NET(DataBinding) Connecting to Data Source Choosing Field in the Table
  • 16. 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)
  • 17. ListView Template Editing  នែើមបីកាំណរ់ Template ឲ្យ ListView ន ើងអាចនត្បើ Current View និង Configure ListView។ Hor Sonoeun 17 ASP.NET(DataBinding) Current View Configure ListView
  • 18. 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)
  • 19. Binding Data to ListView 5. នត្ជើ្នរើ្ Fields ដែលន ើងចង់បង្ហា ញ 6. នធវើការកាំណរ់ Template រប្់ ListView Hor Sonoeun 19 ASP.NET(DataBinding)
  • 20. GridView  GridView គឺជា Database Control រឺជា data grid control ែ៏ានត្ប្ិទធិភ្ជេ មួ ដែលត្រូវបាននត្បើ នែើមបីបង្ហា ញទិននន័ នៅ នលើ Web Pageត្បកបនដា លកខណៈង្ហ ស្្ួ្ ្ត្ាប់ការ Sort, Delete, រឺ Update ទិននន័ ។ Hor Sonoeun 20 ASP.NET(DataBinding)
  • 21. 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)
  • 22. Binding Data to ListView 5. នត្ជើ្នរើ្ Fields ដែលន ើងចង់បង្ហា ញ 6. នធវើការកាំណរ់លកខណៈនផេងៗរប្់ GridView Hor Sonoeun 22 ASP.NET(DataBinding)
  • 24. សំណួ រ Hor Sonoeun 24 ASP.NET(DataBinding) 1. នរើ DataSource ជាអ្វី៕ 2. ចូរនរៀបរាប់េីការបនងកើរ SQL DataSoruce ជាមួ ASP.NET? 3. នរើ ASP.NET ផតល់ឲ្យន ើង Database Controls អ្វីខ្លេះ?​ ចូរនរៀបរាប់។ 4. នរើ GridView ផតល់នូវ្មរថភ្ជេអ្វីខ្លេះែល់ Web page ្ត្ាប់នធវើការជាមួ Database?