ASP.NET FormView Control คอนโทรล FormView เป็น Control ทำงานคล้ายกับ DetailsView ความหมายคือ ใช้ออกแบบ Formและแสดงของข้อมูลต่าง ๆ เป็นความสามารถของ Framework 2.0,3.5,4.0 ที่ถูกพัฒนามาจาก Version ก่อนหน้านี้ FormView เท่าที่ผมลองใช้งานดูแล้วความสามารถหลัก ๆ ก็จะมี เช่น การออกแบบ Form ในการรับข้อมูล และแสดงรายละเอียดของฟิวด์ทั้งหมด ซึ่งเป็นอะไรที่สะดวกมากๆ ครับ แต่สามารถแสดงรายละเอียดได้เพียง 1 Record เท่านั้นครับ ไม่มีการวนลูปแสดงข้อมูลทั้งหมดแต่อย่างใด แต่จะใช้การแบ่งการแสดงผลเป็นหน้า และก็ความสามารถอื่นๆ เช่น การแสดงผลโหมดการแก้ไข (Mode Edit) การอัพเดด (Mode Update) การลบข้อมูล (Mode Delete) และก็โหมดการเพิ่มข้อมูล (Mode Insert)
Framework : 2,3,4
Syntax
<asp:FormView ID="[Name]" runat="server"></asp:FormView>
Template
<HeaderTemplate>
// ส่วนหัว
</HeaderTemplate>
<EmptyDataTemplate>
// ส่วนที่เป็นช่องว่าง
</EmptyDataTemplate>
<FooterTemplate>
// ส่วนล่างของการแสดงผล
</FooterTemplate>
<ItemTemplate>
// ส่วนของการแสดงผลโหมดปกติ
</ItemTemplate>
<EditItemTemplate>
// ส่วนของการแสดงการแก้ไข
</EditItemTemplate>
<InsertItemTemplate>
// ส่วนของการเพิ่มข้อมูล
</InsertItemTemplate>
<PagerTemplate>
// ส่วนของลำดับการแสดงผลเป็นหน้า
</PagerTemplate>
Event
Event เป็นตัวควบคุมเหตุการณ์ต่าง ๆ ของ FormView ซึ่งในบทเรียนนี้ผมได้ยกตัวอย่างการใช้ Event ต่าง ๆ หลายตัว และ Event ที่ใช้อยู่ประจำเช่น
- ItemCreated เมื่อ FormView ทำการ Created หรือเสร็จสิ้น
- DataBound เมื่อ FormView มีการ Bound ข้อมูลในแต่ล่ะ Rows
- ItemDeleting เมื่อ FormView มีการคลิกเลือกลบข้อมูล
- ItemInserting เมื่อ FormView มีการคลิกเพิ่มข้อมูล
- ItemUpdating เมื่อ FormView มีการคลิกเลือกบันทึกการแก้ไขข้อมูล
- ModeChanging เมื่อ FormView มีการคลิกเปลี่ยนโหมดต่าง ๆ เช่น Insert,Edit
- PageIndexChanging เมื่อ FormView มีการคลิกเปลี่ยนไปยังหน้าอื่น ๆ
- ItemCommand เมื่อ FormView มีการคลิกทำคำสั่งต่าง ๆ
Handles
การกำหนด Event Handles สามารถกำหนดได้ 2 รูปแบบครับ คือกำหนดในส่วนของ Tag FormView หรือ กำหนดในส่วนของ Event Handles ของ Sub หรือ Function
1. กำหนดในส่วนของ Tag FormView
<asp:FormView id="myFormView" runat="server" OnDataBound="myFormView_DataBound"></asp:FormView>
<script runat="server">
Sub myFormView_DataBound(sender As Object, e As EventArgs)
End Sub
</script>
2. กำหนดในส่วนของ Sub หรือ Function
<asp:FormView id="myDataList" runat="server></asp:FormView>
Private Sub myFormView_DataBound(ByVal sender As Object, ByVal e As EventArgs) Handles FormView.DataBound
End Sub
Declarative Syntax
<asp:FormView
AccessKey="string"
AllowPaging="True|False"
BackColor="color name|#dddddd"
BackImageUrl="uri"
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"
DataKeyNames="string"
DataMember="string"
DataSource="string"
DataSourceID="string"
DefaultMode="ReadOnly|Edit|Insert"
EmptyDataText="string"
Enabled="True|False"
EnableTheming="True|False"
EnableViewState="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"
FooterText="string"
ForeColor="color name|#dddddd"
GridLines="None|Horizontal|Vertical|Both"
HeaderText="string"
Height="size"
HorizontalAlign="NotSet|Left|Center|Right|Justify"
ID="string"
OnDataBinding="DataBinding event handler"
OnDataBound="DataBound event handler"
OnDisposed="Disposed event handler"
OnInit="Init event handler"
OnItemCommand="ItemCommand event handler"
OnItemCreated="ItemCreated event handler"
OnItemDeleted="ItemDeleted event handler"
OnItemDeleting="ItemDeleting event handler"
OnItemInserted="ItemInserted event handler"
OnItemInserting="ItemInserting event handler"
OnItemUpdated="ItemUpdated event handler"
OnItemUpdating="ItemUpdating event handler"
OnLoad="Load event handler"
OnModeChanged="ModeChanged event handler"
OnModeChanging="ModeChanging event handler"
OnPageIndexChanged="PageIndexChanged event handler"
OnPageIndexChanging="PageIndexChanging event handler"
OnPreRender="PreRender event handler"
OnUnload="Unload event handler"
PageIndex="integer"
PagerSettings-FirstPageImageUrl="uri"
PagerSettings-FirstPageText="string"
PagerSettings-LastPageImageUrl="uri"
PagerSettings-LastPageText="string"
PagerSettings-Mode="NextPrevious|Numeric|NextPreviousFirstLast|
NumericFirstLast"
PagerSettings-NextPageImageUrl="uri"
PagerSettings-NextPageText="string"
PagerSettings-PageButtonCount="integer"
PagerSettings-Position="Bottom|Top|TopAndBottom"
PagerSettings-PreviousPageImageUrl="uri"
PagerSettings-PreviousPageText="string"
PagerSettings-Visible="True|False"
RenderTable="True|False"
runat="server"
SkinID="string"
Style="string"
TabIndex="integer"
ToolTip="string"
Visible="True|False"
Width="size"
>
<EditItemTemplate>
<!-- child controls -->
</EditItemTemplate>
<EditRowStyle />
<EmptyDataRowStyle />
<EmptyDataTemplate>
<!-- child controls -->
</EmptyDataTemplate>
<FooterStyle />
<FooterTemplate>
<!-- child controls -->
</FooterTemplate>
<HeaderStyle />
<HeaderTemplate>
<!-- child controls -->
</HeaderTemplate>
<InsertItemTemplate>
<!-- child controls -->
</InsertItemTemplate>
<InsertRowStyle />
<ItemTemplate>
<!-- child controls -->
</ItemTemplate>
<PagerSettings
FirstPageImageUrl="uri"
FirstPageText="string"
LastPageImageUrl="uri"
LastPageText="string"
Mode="NextPrevious|Numeric|NextPreviousFirstLast|
NumericFirstLast"
NextPageImageUrl="uri"
NextPageText="string"
OnPropertyChanged="PropertyChanged event handler"
PageButtonCount="integer"
Position="Bottom|Top|TopAndBottom"
PreviousPageImageUrl="uri"
PreviousPageText="string"
Visible="True|False"
/>
<PagerStyle />
<PagerTemplate>
<!-- child controls -->
</PagerTemplate>
<RowStyle />
</asp:FormView>
สำหรับการใช้งาน FormView ในรูปแบบต่าง ๆ สามารถศึกษาได้จากหัวข้อถัดไปครับ
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
|
|
|
Create/Update Date : |
2008-11-05 18:38:43 /
2011-06-17 22:00:08 |
|
Download : |
No files |
|
Sponsored Links / Related |
|
|
|
|
|
|
|