ASP.NET DataList Control คอนโทรล DataList ความสามารถรองมาจาก DataGrid แต่จะต่างกันตรงที่ DataList จะไม่แสดงข้อมูลในรูปแบบตารางได้ แต่จะแสดงข้อมูลเรียงลงมาแบบ Column แต่สามารถกำหนดให้ข้อมูลแสดงในรูปแบบหลาย Column ได้เช่นเดียวกัน สำหรับ DataList สามารถใช้ได้ทั้ง Framework 1.1 และ Framework 2.0,3.5,4.0 รูปแบบคำสั่งเหมือนกันทุกประการ
Framework : 1,2,3,4
Syntax
<asp:DataList id="[Name]" runat="server"></asp:DataList>
Template
<HeaderTemplate>
// ส่วนหัว
</HeaderTemplate>
<AlternatingItemTemplate>
// สลับระหว่าง Rows
</AlternatingItemTemplate>
<ItemTemplate>
// ส่วนของการแสดงผลโหมดปกติ
</ItemTemplate>
<EditItemTemplate>
// ส่วนของการแสดงการแก้ไข
</EditItemTemplate>
<SelectedItemTemplate>
// ส่วนของ Selected หรือการเลือกข้อมูล
</SelectedItemTemplate>
Event
Event เป็นตัวควบคุมเหตุการณ์ต่าง ๆ ของ DataList ซึ่งในบทเรียนนี้ผมได้ยกตัวอย่างการใช้ Event ต่าง ๆ หลายตัว และ Event ที่ใช้อยู่ประจำเช่น
- ItemCreated เมื่อ DataList ทำการ Created หรือเสร็จสิ้น
- ItemDataBound เมื่อ DataList มีการ Bound ข้อมูลในแต่ล่ะ Rows
- EditCommand เมื่อ DataList มีการคลิกโหมดแก้ไข
- UpdateCommand เมื่อ DataList มีการคลิก Update
- SelectedIndexChanged เมื่อ DataList มีการคลิกเลือก Item
- ItemCommand เมื่อ DataList มีการคลิกทำคำสั่งต่าง ๆ
Handles
การกำหนด Event Handles สามารถกำหนดได้ 2 รูปแบบครับ คือกำหนดในส่วนของ Tag GridView หรือ กำหนดในส่วนของ Event Handles ของ Sub หรือ Function
1. กำหนดในส่วนของ Tag GridView
<asp:DataList id="myDataList" runat="server" onItemDataBound="myDataList_ItemDataBound"></asp:DataList>
<script runat="server">
Sub myDataList_ItemDataBound(sender As Object, e As DataListItemEventArgs)
End Sub
</script>
2. กำหนดในส่วนของ Sub หรือ Function
<asp:DataList id="myDataList" runat="server></asp:DataList>
Private Sub myDataList_ItemDataBound(ByVal sender As Object, ByVal e As DataListItemEventArgs) Handles myDataList.RowDataBound
End Sub
Declarative Syntax
<asp:DataList
AccessKey="string"
BackColor="color name|#dddddd"
BorderColor="color name|#dddddd"
BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge|
Inset|Outset"
BorderWidth="size"
Caption="string"
CaptionAlign="NotSet|Top|Bottom|Left|Right"
CellPadding="integer"
CellSpacing="integer"
CssClass="string"
DataKeyField="string"
DataMember="string"
DataSource="string"
DataSourceID="string"
EditItemIndex="integer"
Enabled="True|False"
EnableTheming="True|False"
EnableViewState="True|False"
ExtractTemplateRows="True|False"
Font-Bold="True|False"
Font-Italic="True|False"
Font-Names="string"
Font-Overline="True|False"
Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|Medium|
Large|X-Large|XX-Large"
Font-Strikeout="True|False"
Font-Underline="True|False"
ForeColor="color name|#dddddd"
GridLines="None|Horizontal|Vertical|Both"
Height="size"
HorizontalAlign="NotSet|Left|Center|Right|Justify"
ID="string"
OnCancelCommand="CancelCommand event handler"
OnDataBinding="DataBinding event handler"
OnDeleteCommand="DeleteCommand event handler"
OnDisposed="Disposed event handler"
OnEditCommand="EditCommand event handler"
OnInit="Init event handler"
OnItemCommand="ItemCommand event handler"
OnItemCreated="ItemCreated event handler"
OnItemDataBound="ItemDataBound event handler"
OnLoad="Load event handler"
OnPreRender="PreRender event handler"
OnSelectedIndexChanged="SelectedIndexChanged event handler"
OnUnload="Unload event handler"
OnUpdateCommand="UpdateCommand event handler"
RepeatColumns="integer"
RepeatDirection="Horizontal|Vertical"
RepeatLayout="Table|Flow"
runat="server"
SelectedIndex="integer"
ShowFooter="True|False"
ShowHeader="True|False"
SkinID="string"
Style="string"
TabIndex="integer"
ToolTip="string"
UseAccessibleHeader="True|False"
Visible="True|False"
Width="size"
>
<AlternatingItemStyle />
<AlternatingItemTemplate>
<!-- child controls -->
</AlternatingItemTemplate>
<EditItemStyle />
<EditItemTemplate>
<!-- child controls -->
</EditItemTemplate>
<FooterStyle />
<FooterTemplate>
<!-- child controls -->
</FooterTemplate>
<HeaderStyle />
<HeaderTemplate>
<!-- child controls -->
</HeaderTemplate>
<ItemStyle />
<ItemTemplate>
<!-- child controls -->
</ItemTemplate>
<SelectedItemStyle />
<SelectedItemTemplate>
<!-- child controls -->
</SelectedItemTemplate>
<SeparatorStyle />
<SeparatorTemplate>
<!-- child controls -->
</SeparatorTemplate>
</asp:DataList>
สำหรับการใช้งาน DataList ในรูปแบบต่าง ๆ สามารถศึกษาได้จากหัวข้อถัดไปครับ
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2008-11-05 18:36:30 /
2011-06-17 21:57:41 |
| |
Download : |
No files |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|
|
Load balance : Server 03
