หน้าแรก
 การบ้าน
  C/C++ new
  Java new
 Sourcecode.TV
  Android
  Blackberry
  C/C++
  Java
  Linux
  Windows Phone
  แจ้งเรื่องที่ต้องการ
 บทความ
  .NET
  Android
  Blackberry
  C++Builder
  Delphi
  Java
  Mobile
  Open Source
  Pocket PC
  Visual Basic
  Web
  Windows Phone
  Others
 แบบเรียนฟรี
  ASP
  ASP.NET Webmatrix
  C++
  eVB
  J2ME
  Java
  PHP
 ซอร์สโค้ด
  Android
  ASP
  C++
  VC++
  CGI-Perl
  Delphi
  Java
  jQuery
  PHP
  Visual Basic
  .NET
 บริการจากเรา
  เปิดท้าย... ขายโค้ด
  DoodeeHosting
  รับออกแบบ พัฒนาเว็บไซต์
  Freeware
  อัตราค่าโฆษณา
  รายชื่อลูกค้า
  สถิติผู้เข้าเว็บ
 ดาว์นโหลด
 ค้นหาข้อมูล
 กระดานสนทนา
  .NET
  C/C++
  Delphi
  Java
  Palm/PocketPC
  Visual Basic
  Web
  อื่นๆ
 กระดานงาน
 ลิงค์เว็บ
 เกี่ยวกับผม
 อัตราค่าโฆษณา
Social Network

Facebook  Twitter  YouTube
 New Article
 Webboard
 Freelanceboard
Freeware
โปรแกรมเบอร์ดี (BerDee)
โปรแกรมเบอร์ดี (Android)
เกมส์เป่ายิ้งฉุบ
เกมส์เป่ายิ้งฉุบ(Android)
WebcamMonitor
WebcamMonitor(Windows)
scSendMail
scSendMail(Windows)
MSN Caption
MSN Caption(Windows)
  Freelance comment
  ติดต่อสอบถามมาได้ตลอดนะ...
2015-07-29 13:35:58
  ถ้าผมต้องการเว็บที่พัฒน...
2015-01-18 15:33:54
  ถ้าผมต้องการเว็บที่พัฒน...
2015-01-18 15:32:51
  ติดต่อสอบถามเข้ามาได้นะ...
2014-01-06 12:47:38
  ถ้ายังหาคนสอนไม่ได้ ก็ลอ...
2013-07-06 01:04:37
  สนใจส่งขอบเขตมาคุยราคาก...
2013-03-24 18:54:20
  ถ้ายังไม่มีคนรับงานติดต...
2012-12-16 19:18:14
  สนใจคะ ติดต่อ 0905076277...
2012-11-12 11:07:46
  รับทำโปรเจ็คนักศึกษาหรื...
2012-10-29 03:10:46
  sukit_te34@hotmail.com...
2012-10-29 03:09:36
  Webboard comment
  ขอบคุณครับ โค้ดผิดตั้งแต...
2019-03-27 09:21:54
  ลองคิด และไล่ลำดับการทำง...
2018-12-04 02:17:48
  สอนทำโค้ดเกมจำคู่a-hหน่อย...
2018-11-06 12:20:06
  ศึกษาเรื่อง structure กับ array แล้...
2018-10-28 07:26:36
  แบบนี้หรือเปล่า https://www.youtube.com/...
2018-10-20 04:39:25
  ถาม คนที่สั่ง สิครับ ว่าต...
2018-04-23 00:42:14
  ผมลองทำดูเเล้ว ผมติดอยู่...
2018-02-25 18:56:56
  คุณจะเขียนการทำงานไว้ใน ...
2018-02-25 14:01:53
  งั้นขอถามหน่อยครับว่า จะ...
2018-02-25 12:53:34
  อ.สั่งให้คุณทำ เพื่อคุณจ...
2018-02-25 12:44:52
  Homework comment
  ขอสอบถามการเขียน c++ ครับ เ...
2018-04-02 12:19:21
  โค้ดตัวอย่างศึกษาให้เข้...
2017-11-26 14:50:05
  คำนวณค่าน้ำโดยรับค่ามิเ...
2017-11-20 23:15:26
  ขอบคุณมากครับ...
2017-08-16 18:27:25
  ทำเอง งง เอง กะลังทำใหม่ค...
2017-04-18 18:40:46
  ทำเอง งง เอง กะลังทำใหม่ค...
2017-04-18 18:37:54
  ประเด็นแรก flowchart มันไม่มีภ...
2017-04-18 17:43:33
  อยากได้ flowchart ค่ะ เป็นภาษาว...
2017-04-18 16:25:29
  kungking คำถามคืออะไรครับ ?...
2017-03-18 23:28:36
  จงเขียนโปรแกรมแสดงผลรวม...
2017-03-06 10:56:25
  Article comment
  รบกวนขอสอบถามหน่อยนะครั...
2019-03-04 05:31:04
  สามารถนำตัวหนังสือจากภา...
2018-12-25 08:54:32
  มีcode ของ VB ไหมค่ะ ถ้ามีรบกว...
2017-09-28 16:50:02
  น่าจะได้ครับ ไม่เคยลอง
...

2017-07-11 09:59:35
  สามารถใช้ต่อกับ anycast ได้ไห...
2017-07-05 10:12:35
  ครับ คุณ "ติด" แล้วลองนึกต...
2016-06-18 15:21:09
  vs2008 c# ครับ ขอบคุณครับ...
2016-06-17 14:39:30
  ผมใช้ vs c# ทำตามทุขั้นตอนแต...
2016-06-17 14:37:44
  ต้องวิเคราะห์ครับ "ว่าจร...
2016-03-12 23:36:05
  ผมส่งข้อความในวง LAN ได้เฉ...
2016-03-12 18:25:42
  9Mcode comment
  อยากได้...
2014-02-21 08:52:19

Link Exchange

อัตราค่าโฆษณา
Statistics of Sourcecode in Thailand
 
 ASP.NET Web Matrix project Tutorial  

- - - - - - - - - - - - - - ผู้ให้การสนับสนุน- - - - - - - - - - - - - -

 ASP.NET Web Matrix project
 
 

บทที่ 4 DataList และ Templates

 

โปรแกรม ASP.NET Web Matrix มีความสามารถที่ช่วยให้คุณสามารถ ปรับแต่งการแสดงผล ของ Control DataGrid มีสีสรรค์ และสวยงาน ได้อย่างง่ายดาย

ขั้นตอนในการสร้าง

  • ทำการเปิดไฟล์ myFirstDataPage.phpx จากบทที่ผ่านมา
  • เลือกที่แท็บ Design
  • ทำการลบ DataGrid ออกไป
  • ที่หน้าต่าง Toolbar ทำการลากวาง DataList จากแท็บ Web Controls มาไว้ที่ตำแหน่งเก่าของ DataGrid

DataList

  • คลิกขวาที่ DataList แล้วเลือก Edit Templates
  • จะปรากฏหน้าต่าง Edit DataList1 Templates

Edit DataList1 Templates

  • ทำการเลือก Select a Template to edit: ทางด้านซ้ายเป็น Item Templates, ทางด้านขาวเป็น ItemTemplate
  • ที่ช่อง Template Design: ให้พิมพ์ข้อความ ProductName
  • ทำการลาก Label Control จาก แท็บ Web Controls ของหน้าต่าง Toolbar ดังรูป

Edit DataList1 Templates

  • คลิกเลือก Label ที่ได้นำมาวางไว้

  • ทำการคลิกเลือก (DataBinding) จากหน้าต่าง Property , แล้วคลิกปุ่ม ...

Property Window

  • จะปรากฏหน้าต่าง DataBindings ของ Label1 ที่แสดงรายชื่อของ Property ที่สามารถทำการ เรียกใช้ร่วมกับ แหล่งข้อมูล (Data Source)
  • ที่ตำแหน่ง Bindable Properties: ให้เลือก Text
  • คลิกเลือก Custom binding expression:
  • พิมพ์ DataBinder.Eval(Container.DataItem,"ProductName") ลงในช่องกรอกข้อความ

Label1 DataBinding

  • คลิกปุ่ม OK
  • ทำการคลิกที่แท็บ Code เพื่อเข้าไปยังหน้าต่าง Code View
  • ทำการแก้ไขโค้ดเดิม เป็น
Sub Button1_Click(sender As Object, e As EventArgs)
DataList1.Datasource = GetOrderDetails(Cint(TextBox1.Text))
DataList1.DataBind()
End Sub
  • ทำการคลิกที่แท็บ HTML เพื่อเข้าไปยังหน้าต่าง HTML View
  • เพิ่ม คุณสมบัติ (attributes) ของ DataList เป็น
<asp:DataList id="DataList1" runat="server"
BorderColor="Black" BorderSyle="Solid" BorderWidth="2">
  • ทำการ Save ไฟล์
  • ทดสอบ โปรแกรมโดยกดปุ่ม F5

Internet Explorer

 

BACK

7in1 USB-C Hub Dual Type-C Multiport Card Reader Adapter 4K HDMI For MacBook Pro
7in1 USB-C Hub Dual Type-C Multiport Card Reader Adapter 4K HDMI For MacBook Pro
สายต่อจอ สำหรับเครื่อง macbook pro 2016 (usb-c to HDMI)
สายต่อจอ สำหรับเครื่อง macbook pro 2016 (usb-c to HDMI) ความละเอียดระดับ 4K
หัวแปลง Mini DisplayPort to HDMI Adapter หัวแปลง Mini DisplayPort to HDMI Adapter สำหรับเครื่อง macbook air/pro, mac mini
หัวแปลง Mini DisplayPort to HDMI Adapter สำหรับเครื่อง macbook air/pro, mac mini
คลิปสอนเขียนโปรแกรม
เรียนเขียนโปรแกรมดอทเน็ต
เรียนเขียนโปรแกรมแอนดรอยด์
เรียนเขียนโปรแกรมเบล็คเบอร์รี่
เรียนเขียนโปรแกรมซี ซีพลัสพลัส
เรียนเขียนโปรแกรมจาวา
เรียนการใช้งานลินุกส์
เรียนการเขียนโปรแกรมวินโดว์โฟน
เรียนการเขียนโปรแกรมพีเฮชพี มายเอสคิวเอล
9M Blog บอกเล่าเรื่องราว การเขียนโปรแกรมของ นายเอ็ม
บริการ ถ่ายภาพรับปริญญา
อัตราค่าโฆษณา
 
Tutorial
eVB Tutorial
ASP.NET Webmatrix Tutorial
J2ME Tutorial
C++  Tutorial
Java  Tutorial
PHP Tutorial
ASP Tutorial
 
แบบสำรวจ
Freelance รับพัฒนาโปรแกรม

Home - Article - Tutorial - Sourcecode - Dev Handbook - Search - WebBoard - Links - About Us

สงวนลิขสิทธิ์ ห้ามคัดลอก ทำซ้ำ แก้ไข ดัดแปลง ไม่ว่าในรูปแบบใด โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร
เลขทะเบียนพาณิชย์อิเล็กทรอนิกส์จากกระทรวงพาณิชย์: 7100503002000
Copyright 2001 SourceCode.in.th