1. Data Listing Web Controls MacDonald Ch. 13-14 MIS 324 MIS 324 Professor Sandvig Professor Sandvig

2. Outline Web Controls Overview Web Controls Overview Tabular Tabular RepeaterRepeater DataListDataList GridViewGridView Single Record Single Record FormViewFormView DetailsViewDetailsView

3. Web Controls Overview Classes all located in system.web.ui.webcontrols namespace Classes all located in system.web.ui.webcontrols namespace DocumentationDocumentationDocumentation Too many controls to cover Too many controls to cover New controls added each versionNew controls added each version Focus on essential controls & concepts Focus on essential controls & concepts

4. Web Controls Overview Simple Controls Simple Controls Display single itemsDisplay single items Correspond to HTML tagsCorrespond to HTML tags textbox, radiobutton, checkbox, button…textbox, radiobutton, checkbox, button… List Controls List Controls Name/Value pairsName/Value pairs RadioButtonList, CheckBoxList, Dropdown ListRadioButtonList, CheckBoxList, Dropdown List

5. Web Control Overview Tabular Controls Tabular Controls Display > 1 columnDisplay > 1 column DataList, GridView, RepeaterDataList, GridView, Repeater Single Record Controls Single Record Controls FormViewFormView Templates Templates Use to describe data formatUse to describe data format

6. Tabular Controls Display multiple columns of data GridViewGridView Display data in table format Display data in table format Most features – editing, paging, sorting Most features – editing, paging, sorting Constraint: one data item per cell Constraint: one data item per cell DataListDataList No default format – must use templates No default format – must use templates Very flexible formatting Very flexible formatting Editing features Editing features RepeaterRepeater Read only, most efficient for data display Read only, most efficient for data display No default format – must use templates No default format – must use templates

7. Tabular Controls Consist of rows and fields Consist of rows and fields Fields may contain other controls Fields may contain other controls ButtonsButtons HyperlinksHyperlinks TextboxesTextboxes DropDownListsDropDownLists Other tabular controlsOther tabular controls Need to access control properties Need to access control properties “FindControl” method“FindControl” method Handle control events Handle control events Events “bubble up” to parent controlEvents “bubble up” to parent control

8. Tabular Controls DataList Control DataList Control Very flexible formatVery flexible format Template required Template required Supports editingSupports editing Repeat columns propertyRepeat columns property Example: DataListing (source)Example: DataListing (source)DataListingsourceDataListingsource Web.config sourceWeb.config sourcesource

9. Summary Data Access Data Access 1.Programmatic Connection & command objects Connection & command objects 2.Declarative Drag & drop via VS Drag & drop via VS Data listing server controls Data listing server controls List controlsList controls Tabular ControlsTabular Controls Next: two-way databinding Next: two-way databinding