Gridview execute stored procedure


ตัวอย่าง:>
>การใช้ คอนโทรล Gridview
>ดึงข้อมูลจาก  สโตร์โพรซีเยอร์

(ถ้าคุณ ประหยัด เวลาอ่านหนังสือละก้อ ดูภาพแทนได้นะ จัดให้แล้ว)

ทุกครั้ง>
ผมจะเริ่มต้นบทความ > ด้วยการสร้างโปรเจ็กต์
ถ้าคุณ ทำบ่อยจนจำได้แล้ว ข้ามๆ ไป (ประหยัดเวลาดี)

ผมเพียงแค่
คิดถึง ว่าครั้งหนึ่ง
ผมเริ่ม นับศูนย์ ศึกษาการเขียนโปรแกรม
ผมต้องการ ดูรูป มากกว่า ตัวหนังสือ

เริ่มด้วยขั้นตอนดังนี้:

1.
สร้างโปรเจ็กต์…

image

2.
หลังจากกดปุ่ม OK แล้วรอสักครู่…

image

3.
คุณจะเจอ หน้านี้ เมื่อสร้างโปรเจ็กต์ เสร็จ

image

4.
รัน 1 ครั้ง (ลองเฉยๆ…)

image

5.
สร้างเว็บฟอร์มใหม่ ขึ้นมา 1 อัน
>โดยคลิกขวาบนโปรเจ็กต์
>>เลือก Add
>> เลือก New Item…
>สร้างเว็บฟอร์ม แบบ ใช้ Master Page
>> คลิก Add

imageimage

6.
กด OK
แล้วคุณจะได้  เว็บฟอร์มใหม่

imageimage

7.
ลาก GridView มาวาง

imageimage

8.
สลับโหมด ไปหน้า ออกแบบ
> คลิกแทบ Design

image

9.
เพิ่ม TexBox เข้าไปอีก 2 อัน
เพื่อทำหน้าที่ส่งพารามิเตอร์
ให้ สโตร์โพรซีเยอร์ เดี๋ยวจะกล่าวต่อ…

> กดเมนู TextBox Task > เลือก Add Extender…

image

10.
เลือก CalendarExtender

image

11.
ผูกข้อมูลให้ GridView
โดยคลิก เมนู GridView Task> เลือก <New Data Source…>

image

12.
เลือก Database
> สร้าง Connection ใหม่
imageimage

13.
>เลือกฐานข้อมูล Nortwind

imageimage

14.
>
>> เลือก Specify a Custome SQL statement or stored procedure
>> Next

imageimage

15.
เราจะดูข้อมูลการขาย ตามปี
ใช้  สโตร์โพรซีเยอร์ ชื่อ Sale by Year

image

16.
ทดสอบ รัน
(จำวันนี้…ที่ไว้ด้วย เผื่อไปทดสอบโปรแกรม อีกหลายครั้ง)

image

17.
จากข้อ 14
>วาง สคริปต์ การรัน สโตร์โพรซีเยอร์ > พร้อมพารามิเตอร์
>กด Next

image

18.
>เมื่อคุณระบุ พารามิเตอร์
>เครื่องมือ VS…มันฉลาดพอ > ที่จะให้คุณกำหนด
>แหล่งที่มาของ ข้อมูลพารามิเตอร์
>แน่นอน แหล่งที่มา
>คุณเตรียมไว้แล้ว
>>TextBox1<< และ >>TextBox2<< นั่นเอง

imageimage

19.
>ทดสอบ ดึงข้อมูล
>>เห็นข้อมูลแล้ว > ผ่าน > กด Finish

imageimage

20.
ผูกข้อมูลให้ GridVie เรียบร้อย

image

21.
เพิ่มเมนูให้เข้าถึง
เว็บฟอร์ที่คุณสร้าง โดยคลิกเปิดไฟล์ Site.Master
> แล้วใส่ Link ลงไป

image

22.
ทดสอบรัน อีกครั้ง
กดเมนู ที่คุณเพิ่มใหม่ เมื่อครู่…
ลืมอะไร…ไปบางอย่าง…

imageimage

>>ปุ่มกด<<

23.
เพิ่มปุ่ม Find…

image

24.
รันใหม่อีก ครั้ง > เลือกวันที่

image

25.
ระบุช่วงวันที่ ที่ข้อมูลมี…
ตามที่คุณจำไว้ ตอนต้นไง…
แล้วกดปุ่ม Find…
>> Gridview ดึงข้อมูล
>>>จาก สโตร์โพรซีเยอร์ >>> ง่ายอย่างนี้แล…

image
> คุณไปจัดความสวยงาม ของรายงาน เอาเองนะ
> หมดหน้าที่ผมแล้ว ขอส่งคุณ แค่ตรงนี้…

>>พบกันโอกาสหน้า<<

 


ผู้เขียน

clip_image019

นุชิต อรรจนวรรจน์
Software Development Section Manager
บ.โฟลว์โก้ จำกัด

Microsoft MVP: https://mvp.support.microsoft.com/profile/nuchit,
GF Community Leader(nano): http://greatfriends.biz/,
Blog: http://bit.ly/JANAWAT,
Facebook: nuchit, Twitter: @janawat

เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

Tagged with:
เขียนใน ASP.NET

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: