Easy Tutorial
Met Websecurity Changepassword Control Listbox Control Htmlinputbutton Prop Webcontrol Linkbutton Postbackurl Prop Webcontrol Listcontrol Selectedindex Prop Webcontrol Listcontrol Items Prop Webcontrol Tablerow Tablesection Met Websecurity Resetpassword Met Websecurity Createaccount Prop Webcontrol Calendar Showdayheader Prop Webcontrol Checkbox Textalign Aspnet Databinding Prop Webcontrol Style Borderstyle Webpages Helpers Webpages Ref Webmail Mvc Reference Prop Webcontrol Listcontrol Text Prop Webcontrol Calendar Todaysdate Met Websecurity Getpasswordchangedate Prop Webcontrol Calendar Nextmonthtext Webpages Ref Websecurity Met Websecurity Logout Control Adrotator Control Hyperlink Webpages Global Webpages Webgrid Prop Webcontrol Standard Borderstyle Prop Webcontrol Calendarday Isweekend Prop Webcontrol Bulletedlist Bulletimageurl Razor Cs Logic Prop Control Standard Visible Prop Webcontrol Tablecell Columnspan Prop Webcontrol Calendar Showgridlines Webpages Ref Database Mvc Security Prop Webcontrol Button Onclientclick Prop Webcontrol Table Caption Prop Webcontrol Tablecell Wrap Prop Webcontrol Adrotator Advertisementfile Aspnet Ref Htmlcontrols Prop Webcontrol Style Backcolor Prop Webcontrol Radiobuttonlist Repeatcolumns Webpages Razor Prop Webcontrol Textbox Text Prop Control Standard Uniqueid Prop Webcontrol Table Horizontalalign Prop Webcontrol Textbox Textmode Control Label Prop Websecurity Hasuserid Prop Webcontrol Standard Style Prop Webcontrol Calendar Selecteddaystyle Prop Webcontrol Textbox Readonly Control Customvalidator Control Reqfieldvalidator Aspnet Intro Prop Control Standard Page Prop Webcontrol Calendarday Isselected Prop Webcontrol Radiobuttonlist Repeatlayout 2 Prop Webcontrol Hyperlink Target Prop Webcontrol Image Imageurl Prop Webcontrol Bulletedlist Target Met Websecurity Isconfirmed Prop Webcontrol Calendar Selectorstyle Control Checkboxlist Webpages Php Webpages Folders Prop Webcontrol Button Text Mvc Models Prop Webcontrol Calendar Weekenddaystyle Index Prop Webcontrol Standard Tabindex Prop Webcontrol Listcontrol Datavaluefield Prop Webcontrol Listitem Selected Control Style Prop Webcontrol Standard Tooltip Mvc Layout Control Htmlinputimage Prop Webcontrol Style Bordercolor Prop Webcontrol Standard Borderwidth Control Comparevalidator Aspnet Xml Webpages Layout Razor Intro Control Calendarday Razor Vb Logic Prop Webcontrol Button Validationgroup Prop Webcontrol Imagebutton Validationgroup Prop Webcontrol Table Gridlines Prop Webcontrol Button Postbackurl Prop Webcontrol Adrotator Target Prop Webcontrol Tablecell Verticallalign Webpages Intro Met Websecurity Iscurrentuser Control Htmlinputtext Prop Webcontrol Standard Height Control Htmlinputcheckbox Prop Webcontrol Textbox Autopostback Control Htmlform Prop Webcontrol Calendar Selecteddates Prop Websecurity Isauthenticated Control Linkbutton Control Panel Control Placeholder Mvc Folders Prop Webcontrol Panel Wrap Control Radiobuttonlist Aspnet Ref Webcontrols Prop Webcontrol Style Borderwidth Aspnet Arraylist Prop Webcontrol Standard Bordercolor Prop Webcontrol Radiobuttonlist Repeatdirection Met Websecurity Confirmaccount Prop Webcontrol Standard Backcolor Webpages Ref Classes Control Image Control Bulletedlist Prop Webcontrol Calendarday Istoday Aspnet Events Prop Webcontrol Table Cellpadding Aspnet Repeater Met Websecurity Createuserandaccount Control Imagebutton Prop Webcontrol Panel Groupingtext Prop Webcontrol Tablecell Rowspan Prop Webcontrol Calendar Prevmonthtext Prop Webcontrol Calendar Nextprevformat Prop Webcontrol Calendar Selectweektext Prop Webcontrol Checkboxlist Repeatlayout Prop Webcontrol Image Alternatetext Prop Webcontrol Calendarday Date Prop Webcontrol Listitem Value Prop Webcontrol Calendar Shownextprevmonth Prop Webcontrol Linkbutton Onclientclick Prop Webcontrol Panel Defaultbutton Aspnet Tutorial Prop Webcontrol Table Cellspacing Control Htmlimage Prop Webcontrol Calendar Selectmonthtext Prop Webcontrol Panel Backimageurl Control Xml Razor Syntax Prop Webcontrol Standard Cssclass Met Websecurity Generatepasswordresettoken Control Htmltablecell Prop Webcontrol Bulletedlist Displaymode Control Checkbox Control Htmlinputfile Prop Webcontrol Imagebutton Postbackurl Prop Webcontrol Calendar Daystyle Control Rangevalidator Met Websecurity Requireroles Prop Webcontrol Bulletedlist Bulletstyle Prop Webcontrol Calendar Todaydaystyle Prop Webcontrol Listitem Text Control Radiobutton Prop Webcontrol Tablecell Text Prop Websecurity Currentuserid Control Dropdownlist Mvc Intro Prop Webcontrol Calendar Othermonthdaystyle Prop Webcontrol Textbox Rows Prop Webcontrol Calendarday Isothermonth Aspnet Masterpages Control Htmlinputradiobutton Prop Webcontrol Imagebutton Onclientclick Prop Webcontrol Radiobuttonlist Repeatlayout Prop Webcontrol Textbox Autocompletetype Control Htmltextarea Aspnet Viewstate Prop Webcontrol Style Height Met Websecurity Userexists Prop Webcontrol Checkbox Text Prop Webcontrol Calendar Caption Control Tablerow Prop Webcontrol Button Causesvalidation Prop Webcontrol Textbox Columns Prop Webcontrol Imagebutton Causesvalidation Prop Control Standard Clientid Control Htmltable Control Validationsummary Prop Webcontrol Linkbutton Validationgroup Control Htmlinputhidden Prop Webcontrol Textbox Maxlength Aspnet Dbconnection Met Websecurity Getcreatedate Razor Cs Variables Met Websecurity Login Prop Webcontrol Panel Direction Aspnet Sortedlist Prop Webcontrol Calendar Cellpadding Aspnet Button Prop Webcontrol Literal Text Prop Webcontrol Hyperlink Text Prop Websecurity Currentusername Prop Webcontrol Calendar Captionalign Prop Webcontrol Hyperlink Navigateurl Razor Vb Variables Control Listitem Prop Webcontrol Calendarday Daynumbertext Prop Webcontrol Checkboxlist Textalign Prop Control Standard Bindingcontainer Prop Control Standard Parent Prop Webcontrol Image Imagealign Met Websecurity Getuserid Prop Webcontrol Calendar Firstdayofweek Control Table Control Listcontrol Prop Webcontrol Calendar Nextprevstyle Prop Webcontrol Listcontrol Validationgroup Prop Webcontrol Calendar Cellspacing Prop Webcontrol Checkboxlist Repeatcolumns Webpages Objects Razor Vb Loops Aspnet Examples Prop Webcontrol Listbox Rows Prop Webcontrol Standard Accesskey Prop Control Standard Id Prop Webcontrol Linkbutton Text Prop Webcontrol Textbox Wrap Mvc App Control Calendar Prop Webcontrol Listitem Enabled Webpages Publish Aspnet Forms Webpages Ref Helpers Control Button Prop Webcontrol Style Forecolor Met Websecurity Requireauthenticateduser Aspnet Ref Validationcontrols Prop Webcontrol Standard Forecolor Prop Webcontrol Standard Prop Control Standard Prop Webcontrol Table Captionalign Prop Webcontrol Hyperlink Imageurl Prop Webcontrol Checkboxlist Cellpadding Aspnet Prop Control Standard Namingcontainer Met Websecurity Requireuser Prop Webcontrol Listcontrol Selecteditem Webpages Files Prop Webcontrol Tablerow Verticalalign Met Websecurity Initializedatabaseconnection Prop Webcontrol Listbox Selectionmode Prop Webcontrol Bulletedlist Firstbulletnumber Mvc Database Prop Webcontrol Calendar Selectionmode Mvc Views Prop Webcontrol Style Width Prop Webcontrol Tablerow Horizontalalign Mvc Controllers Webpages Examples Prop Webcontrol Checkboxlist Repeatdirection Aspnet Navigation Prop Webcontrol Checkboxlist Cellspacing Prop Webcontrol Standard Font Prop Webcontrol Calendar Dayheaderstyle Control Regularexpvalidator Mvc Publish Prop Webcontrol Xml Documentsource Aspnet Controls Prop Webcontrol Dropdownlist Selectedindex Prop Webcontrol Tablecell Horizontalalign Control Htmlanchor Aspnet Hashtable Webpages Forms Prop Webcontrol Standard Enabled Control Literal Prop Webcontrol Panel Scrollbars Mvc Htmlhelpers Prop Webcontrol Table Backimageurl Aspnet Pages Prop Webcontrol Radiobuttonlist Textalign Prop Webcontrol Calendarday Isselectable Prop Webcontrol Style Cssclass Prop Webcontrol Listcontrol Autopostback Prop Webcontrol Style Font Razor Cs Loops Prop Webcontrol Radiobuttonlist Cellspacing Prop Webcontrol Checkbox Checked Webpages Chart Control Textbox Aspnet Datalist Prop Webcontrol Listcontrol Datatextfield Control Htmlselect Prop Webcontrol Calendar Titlestyle Prop Webcontrol Button Usesubmitbehavior Prop Webcontrol Calendar Titleformat Prop Webcontrol Calendar Selecteddate Prop Webcontrol Listcontrol Selectedvalue Control Tablecell Aspnet Textbox Webpages Email Prop Webcontrol Panel Horizontalalign Control Htmlgeneric Control Htmlbutton Prop Webcontrol Calendar Showtitle Prop Webcontrol Calendar Daynameformat Prop Webcontrol Calendar Visibledate Control Htmltablerow Prop Webcontrol Radiobuttonlist Cellpadding
❮ Control Textbox Prop Webcontrol Listcontrol Datatextfield ❯

ASP.NET Web Forms - DataList Control

The DataList control, similar to the Repeater control, is used to display a repeated list of items bound to the control. However, the DataList control adds a table around the data items by default.

Binding a DataSet to the DataList Control

The DataList control, similar to the Repeater control, is used to display a repeated list of items bound to the control. However, the DataList control adds a table around the data items by default. The DataList control can be bound to database tables, XML files, or other lists of items. Here, we will demonstrate how to bind an XML file to the DataList control.

In our example, we will use the following XML file ("cdcatalog.xml"):

View this XML file: cdcatalog.xml

First, import the "System.Data" namespace. We need this namespace to work with the DataSet object. Include the following directive at the top of your .aspx page:

Next, create a DataSet for the XML file and load this XML file into the DataSet when the page is first loaded:

Then, we create a DataList control in the .aspx page. The content in the <HeaderTemplate> element is rendered first and appears only once in the output, while the content in the <ItemTemplate> element is repeated for each "record" in the DataSet, and finally, the content in the <FooterTemplate> element appears only once in the output:

Then we add the script to create the DataSet and bind the mycdcatalog DataSet to the DataList control. We then populate the DataList control using a <HeaderTemplate> containing the header, an <ItemTemplate> containing the data items to be displayed, and a <FooterTemplate> containing the text. Note that you can set the gridlines property of the DataList to "both" to display table borders:

Example

Using Styles

You can also add styles to the DataList control to make the output more fancy:

Example

Using <AlternatingItemTemplate>

You can add an <AlternatingItemTemplate> element after the <ItemTemplate> element to describe the appearance of alternating rows in the output. You can add styles to the data in the <AlternatingItemTemplate> section within the DataList control:

Example

❮ Control Textbox Prop Webcontrol Listcontrol Datatextfield ❯