Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > ASP.NET > ASP.NET DetailsView Control > ASP.NET DetailsView Control


ASP.NET DetailsView Control

ASP.NET DetailsView Control คอนโทรล DetailsView ความหมายคือ ใช้แสดงรายละเอียดของข้อมูลต่าง ๆ เป็นความสามารถของ Framework 2.0,3.5,4.0 ที่ถูกพัฒนามาจาก Version ก่อนหน้านี้ DetailsView เท่าที่ผมลองใช้งานดูแล้วความสามารถหลัก ๆ ก็จะมี เช่น การแสดงผลรายละเอียดของฟิวด์ทั้งหมด ซึ่งเป็นอะไรที่สะดวกมากๆ ครับ แต่สามารถแสดงรายละเอียดได้เพียง 1 Record เท่านั้นครับ ไม่มีการวนลูปแสดงข้อมูลทั้งหมดแต่อย่างใด และก็ความสามารถอื่นๆ เช่น การแสดงผลโหมดการแก้ไข (Mode Edit) การอัพเดด (Mode Update) การลบข้อมูล (Mode Delete) และก็โหมดการเพิ่มข้อมูล (Mode Insert)


ASP.NET DetailView Control


ASP.NET DetailView Control

Framework : 2,3,4

Syntax

<asp:DetailsView ID="[Name]" runat="server"></asp:DetailsView>


Template

<HeaderTemplate>
// ส่วนหัว
</HeaderTemplate>

<AlternatingItemTemplate>
// สลับระหว่าง Rows
</AlternatingItemTemplate>

<ItemTemplate>
// ส่วนของการแสดงผลโหมดปกติ
</ItemTemplate>

<EditItemTemplate>
// ส่วนของการแสดงการแก้ไข
</EditItemTemplate>

<InsertItemTemplate>
// ส่วนของการเพิ่มข้อมูล
</InsertItemTemplate>




Event

Event เป็นตัวควบคุมเหตุการณ์ต่าง ๆ ของ DetailView ซึ่งในบทเรียนนี้ผมได้ยกตัวอย่างการใช้ Event ต่าง ๆ หลายตัว และ Event ที่ใช้อยู่ประจำเช่น

- ItemCreated เมื่อ DetailView ทำการ Created หรือเสร็จสิ้น
- DataBound เมื่อ DetailView มีการ Bound ข้อมูลในแต่ล่ะ Rows
- ItemDeleting เมื่อ DetailView มีการคลิกเลือกลบข้อมูล
- ItemInserting เมื่อ DetailView มีการคลิกเพิ่มข้อมูล
- ItemUpdating เมื่อ DetailView มีการคลิกเลือกบันทึกการแก้ไขข้อมูล
- ModeChanging เมื่อ DetailView มีการคลิกเปลี่ยนโหมดต่าง ๆ เช่น Insert,Edit
- PageIndexChanging เมื่อ DetailView มีการคลิกเปลี่ยนไปยังหน้าอื่น ๆ
- ItemCommand เมื่อ DetailView มีการคลิกทำคำสั่งต่าง ๆ



Handles

การกำหนด Event Handles สามารถกำหนดได้ 2 รูปแบบครับ คือกำหนดในส่วนของ Tag DetailView หรือ กำหนดในส่วนของ Event Handles ของ Sub หรือ Function

1. กำหนดในส่วนของ Tag DetailView

<asp:DetailView id="myDetailView" runat="server" OnDataBound="myDetailsView_DataBound"></asp:DetailView>

<script runat="server">
Sub myDetailsView_DataBound(sender As Object, e As EventArgs)

End Sub
</script>


2. กำหนดในส่วนของ Sub หรือ Function

<asp:DetailView id="myDetailView" runat="server></asp:DetailView>

Private Sub myDetailsView_DataBound(ByVal sender As Object, ByVal e As EventArgs) Handles myDetailView.DataBound

End Sub


Declarative Syntax
view source
print?
001.<asp:DetailsView
002.    AccessKey="string"
003.    AllowPaging="True|False"
004.    AutoGenerateDeleteButton="True|False"
005.    AutoGenerateEditButton="True|False"
006.    AutoGenerateInsertButton="True|False"
007.    AutoGenerateRows="True|False"
008.    BackColor="color name|#dddddd"
009.    BackImageUrl="uri"
010.    BorderColor="color name|#dddddd"
011.    BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge|
012.        Inset|Outset"
013.    BorderWidth="size"
014.    Caption="string"
015.    CaptionAlign="NotSet|Top|Bottom|Left|Right"
016.    CellPadding="integer"
017.    CellSpacing="integer"
018.    CssClass="string"
019.    DataKeyNames="string"
020.    DataMember="string"
021.    DataSource="string"
022.    DataSourceID="string"
023.    DefaultMode="ReadOnly|Edit|Insert"
024.    EmptyDataText="string"
025.    Enabled="True|False"
026.    EnablePagingCallbacks="True|False"
027.    EnableTheming="True|False"
028.    EnableViewState="True|False"
029.    Font-Bold="True|False"
030.    Font-Italic="True|False"
031.    Font-Names="string"
032.    Font-Overline="True|False"
033.    Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|Medium|
034.        Large|X-Large|XX-Large"
035.    Font-Strikeout="True|False"
036.    Font-Underline="True|False"
037.    FooterText="string"
038.    ForeColor="color name|#dddddd"
039.    GridLines="None|Horizontal|Vertical|Both"
040.    HeaderText="string"
041.    Height="size"
042.    HorizontalAlign="NotSet|Left|Center|Right|Justify"
043.    ID="string"
044.    OnDataBinding="DataBinding event handler"
045.    OnDataBound="DataBound event handler"
046.    OnDisposed="Disposed event handler"
047.    OnInit="Init event handler"
048.    OnItemCommand="ItemCommand event handler"
049.    OnItemCreated="ItemCreated event handler"
050.    OnItemDeleted="ItemDeleted event handler"
051.    OnItemDeleting="ItemDeleting event handler"
052.    OnItemInserted="ItemInserted event handler"
053.    OnItemInserting="ItemInserting event handler"
054.    OnItemUpdated="ItemUpdated event handler"
055.    OnItemUpdating="ItemUpdating event handler"
056.    OnLoad="Load event handler"
057.    OnModeChanged="ModeChanged event handler"
058.    OnModeChanging="ModeChanging event handler"
059.    OnPageIndexChanged="PageIndexChanged event handler"
060.    OnPageIndexChanging="PageIndexChanging event handler"
061.    OnPreRender="PreRender event handler"
062.    OnUnload="Unload event handler"
063.    PageIndex="integer"
064.    PagerSettings-FirstPageImageUrl="uri"
065.    PagerSettings-FirstPageText="string"
066.    PagerSettings-LastPageImageUrl="uri"
067.    PagerSettings-LastPageText="string"
068.    PagerSettings-Mode="NextPrevious|Numeric|NextPreviousFirstLast|NumericFirstLast"
069.    PagerSettings-NextPageImageUrl="uri"
070.    PagerSettings-NextPageText="string"
071.    PagerSettings-PageButtonCount="integer"
072.    PagerSettings-Position="Bottom|Top|TopAndBottom"
073.    PagerSettings-PreviousPageImageUrl="uri"
074.    PagerSettings-PreviousPageText="string"
075.    PagerSettings-Visible="True|False"
076.    runat="server"
077.    SkinID="string"
078.    Style="string"
079.    TabIndex="integer"
080.    ToolTip="string"
081.    Visible="True|False"
082.    Width="size"
083.>
084.        <AlternatingRowStyle />
085.        <CommandRowStyle />
086.        <EditRowStyle />
087.        <EmptyDataRowStyle />
088.        <EmptyDataTemplate>
089.            <!-- child controls -->
090.        </EmptyDataTemplate>
091.        <FieldHeaderStyle />
092.        <Fields>
093.                <asp:BoundField
094.                    AccessibleHeaderText="string"
095.                    ApplyFormatInEditMode="True|False"
096.                    ConvertEmptyStringToNull="True|False"
097.                    DataField="string"
098.                    DataFormatString="string"
099.                    FooterText="string"
100.                    HeaderImageUrl="uri"
101.                    HeaderText="string"
102.                    HtmlEncode="True|False"
103.                    InsertVisible="True|False"
104.                    NullDisplayText="string"
105.                    ReadOnly="True|False"
106.                    ShowHeader="True|False"
107.                    SortExpression="string"
108.                    Visible="True|False"
109.>
110.                        <ControlStyle />
111.                        <FooterStyle />
112.                        <HeaderStyle />
113.                        <ItemStyle />
114.                </asp:BoundField>
115.                <asp:ButtonField
116.                    AccessibleHeaderText="string"
117.                    ButtonType="Button|Image|Link"
118.                    CausesValidation="True|False"
119.                    CommandName="string"
120.                    DataTextField="string"
121.                    DataTextFormatString="string"
122.                    FooterText="string"
123.                    HeaderImageUrl="uri"
124.                    HeaderText="string"
125.                    ImageUrl="uri"
126.                    InsertVisible="True|False"
127.                    ShowHeader="True|False"
128.                    SortExpression="string"
129.                    Text="string"
130.                    ValidationGroup="string"
131.                    Visible="True|False"
132.>
133.                        <ControlStyle />
134.                        <FooterStyle />
135.                        <HeaderStyle />
136.                        <ItemStyle />
137.                </asp:ButtonField>
138.                <asp:CheckBoxField
139.                    AccessibleHeaderText="string"
140.                    DataField="string"
141.                    FooterText="string"
142.                    HeaderImageUrl="uri"
143.                    HeaderText="string"
144.                    InsertVisible="True|False"
145.                    ReadOnly="True|False"
146.                    ShowHeader="True|False"
147.                    SortExpression="string"
148.                    Text="string"
149.                    Visible="True|False"
150.>
151.                        <ControlStyle />
152.                        <FooterStyle />
153.                        <HeaderStyle />
154.                        <ItemStyle />
155.                </asp:CheckBoxField>
156.                <asp:CommandField
157.                    AccessibleHeaderText="string"
158.                    ButtonType="Button|Image|Link"
159.                    CancelImageUrl="uri"
160.                    CancelText="string"
161.                    CausesValidation="True|False"
162.                    DeleteImageUrl="uri"
163.                    DeleteText="string"
164.                    EditImageUrl="uri"
165.                    EditText="string"
166.                    FooterText="string"
167.                    HeaderImageUrl="uri"
168.                    HeaderText="string"
169.                    InsertImageUrl="uri"
170.                    InsertText="string"
171.                    InsertVisible="True|False"
172.                    NewImageUrl="uri"
173.                    NewText="string"
174.                    SelectImageUrl="uri"
175.                    SelectText="string"
176.                    ShowCancelButton="True|False"
177.                    ShowDeleteButton="True|False"
178.                    ShowEditButton="True|False"
179.                    ShowHeader="True|False"
180.                    ShowInsertButton="True|False"
181.                    ShowSelectButton="True|False"
182.                    SortExpression="string"
183.                    UpdateImageUrl="uri"
184.                    UpdateText="string"
185.                    ValidationGroup="string"
186.                    Visible="True|False"
187.>
188.                        <ControlStyle />
189.                        <FooterStyle />
190.                        <HeaderStyle />
191.                        <ItemStyle />
192.                </asp:CommandField>
193.                <asp:DynamicField
194.                    AccessibleHeaderText="string"
195.                    ApplyFormatInEditMode="True|False"
196.                    ConvertEmptyStringToNull="True|False"
197.                    DataField="string"
198.                    DataFormatString="string"
199.                    FooterText="string"
200.                    HeaderImageUrl="uri"
201.                    HeaderText="string"
202.                    HtmlEncode="True|False"
203.                    InsertVisible="True|False"
204.                    NullDisplayText="string"
205.                    ShowHeader="True|False"
206.                    UIHint="string"
207.                    Visible="True|False"
208.>
209.                        <ControlStyle />
210.                        <FooterStyle />
211.                        <HeaderStyle />
212.                        <ItemStyle />
213.                </asp:DynamicField>
214.                <asp:HyperLinkField
215.                    AccessibleHeaderText="string"
216.                    DataNavigateUrlFields="string"
217.                    DataNavigateUrlFormatString="string"
218.                    DataTextField="string"
219.                    DataTextFormatString="string"
220.                    FooterText="string"
221.                    HeaderImageUrl="uri"
222.                    HeaderText="string"
223.                    InsertVisible="True|False"
224.                    NavigateUrl="uri"
225.                    ShowHeader="True|False"
226.                    SortExpression="string"
227.                    Target="string|_blank|_parent|_search|_self|_top"
228.                    Text="string"
229.                    Visible="True|False"
230.>
231.                        <ControlStyle />
232.                        <FooterStyle />
233.                        <HeaderStyle />
234.                        <ItemStyle />
235.                </asp:HyperLinkField>
236.                <asp:ImageField
237.                    AccessibleHeaderText="string"
238.                    AlternateText="string"
239.                    ConvertEmptyStringToNull="True|False"
240.                    DataAlternateTextField="string"
241.                    DataAlternateTextFormatString="string"
242.                    DataImageUrlField="string"
243.                    DataImageUrlFormatString="string"
244.                    FooterText="string"
245.                    HeaderImageUrl="uri"
246.                    HeaderText="string"
247.                    InsertVisible="True|False"
248.                    NullDisplayText="string"
249.                    NullImageUrl="uri"
250.                    ReadOnly="True|False"
251.                    ShowHeader="True|False"
252.                    SortExpression="string"
253.                    Visible="True|False"
254.>
255.                        <ControlStyle />
256.                        <FooterStyle />
257.                        <HeaderStyle />
258.                        <ItemStyle />
259.                </asp:ImageField>
260.                <asp:TemplateField
261.                    AccessibleHeaderText="string"
262.                    ConvertEmptyStringToNull="True|False"
263.                    FooterText="string"
264.                    HeaderImageUrl="uri"
265.                    HeaderText="string"
266.                    InsertVisible="True|False"
267.                    ShowHeader="True|False"
268.                    SortExpression="string"
269.                    Visible="True|False"
270.>
271.                            <ControlStyle />
272.                            <FooterStyle />
273.                            <HeaderStyle />
274.                            <ItemStyle />
275.                        <AlternatingItemTemplate>
276.                            <!-- child controls -->
277.                        </AlternatingItemTemplate>
278.                        <EditItemTemplate>
279.                            <!-- child controls -->
280.                        </EditItemTemplate>
281.                        <FooterTemplate>
282.                            <!-- child controls -->
283.                        </FooterTemplate>
284.                        <HeaderTemplate>
285.                            <!-- child controls -->
286.                        </HeaderTemplate>
287.                        <InsertItemTemplate>
288.                            <!-- child controls -->
289.                        </InsertItemTemplate>
290.                        <ItemTemplate>
291.                            <!-- child controls -->
292.                        </ItemTemplate>
293.                </asp:TemplateField>
294.        </Fields>
295.        <FooterStyle />
296.        <FooterTemplate>
297.            <!-- child controls -->
298.        </FooterTemplate>
299.        <HeaderStyle />
300.        <HeaderTemplate>
301.            <!-- child controls -->
302.        </HeaderTemplate>
303.        <InsertRowStyle />
304.        <PagerSettings
305.            FirstPageImageUrl="uri"
306.            FirstPageText="string"
307.            LastPageImageUrl="uri"
308.            LastPageText="string"
309.            Mode="NextPrevious|Numeric|NextPreviousFirstLast|
310.                NumericFirstLast"
311.            NextPageImageUrl="uri"
312.            NextPageText="string"
313.            OnPropertyChanged="PropertyChanged event handler"
314.            PageButtonCount="integer"
315.            Position="Bottom|Top|TopAndBottom"
316.            PreviousPageImageUrl="uri"
317.            PreviousPageText="string"
318.            Visible="True|False"
319.        />
320.        <PagerStyle />
321.        <PagerTemplate>
322.            <!-- child controls -->
323.        </PagerTemplate>
324.        <RowStyle        />
325.</asp:DetailsView>


สำหรับการใช้งาน DetailView ในรูปแบบต่าง ๆ สามารถศึกษาได้จากหัวข้อถัดไปครับ

   
Hate it
Don't like it
It's ok
Like it
Love it
Total Votes: 635Overall Rating: 3.8 / 5
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล
   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2008-11-05 18:37:59 / 2011-06-17 21:59:03
  Download : No files
 Sponsored Links / Related

 
ASP.NET DetailsView Control - DataBind
Rating :

 
ASP.NET DetailsView Control - AlternatingRowStyle
Rating :

 
ASP.NET DetailsView Control - TemplateField
Rating :

 
ASP.NET DetailsView Control - DataBound
Rating :

 
ASP.NET DetailsView Control - AllowPaging
Rating :

 
ASP.NET DetailsView Control - Edit/Update
Rating :

 
ASP.NET DetailsView Control - Add/Insert
Rating :

 
ASP.NET DetailsView Control - AccessDataSource
Rating :

 
ASP.NET DetailsView Control - GridView Control
Rating :

 
ASP.NET DetailsView Control - VS 2005,2008,2010 (FX 2.0,3.5,4.0)
Rating :

 
ASP.NET DetailsView Control - GridView Control - VS 2005,2008,2010 (FX 2.0,3.5,4.0)
Rating :

 
ASP.NET DetailsView Control - Microsoft Access (.mdb) - System.Data.OleDb
Rating :

 
ASP.NET DetailsView Control - SQL Server 2000,2005,2008 - System.Data.SqlClient
Rating :

 
ASP.NET DetailsView Control - MySQL Database - MySql.Data.MySqlClient
Rating :

 
ASP.NET DetailsView Control - Oracle Database - System.Data.OracleClient
Rating :


ThaiCreate.Com Forum
Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่