Asp.NET Core Server Controls. Slide 2 Lecture Overview Understanding the types of ASP.NET controls HTML controls ASP.NET (Web) controls.

Slides:



Advertisements
Similar presentations
Developing Web Applications
Advertisements

Unit 02. ASP.NET Introduction HTML & Server controls Postbacks Page Lifecycle.
Current Popular IT I Pertemuan 3 Matakuliah: T0403/Current Popular IT I Tahun: 2008.
IT533 Lecture ASP.NET Controls. Installations Microsoft® SQL Server® 2008 Express.
Working with ASP Pages. Slide 2 The Tag (1) Remember that most ASP.NET pages contain a single tag with the runat attribute set It’s possible to have multiple.
ASP.NET Data Binding. Slide 2 Lecture Overview Understanding the ASP.NET data binding model.
1 Chapter 12 Working With Access 2000 on the Internet.
Chapter 12: ADO.NET and ASP.NET Programming with Microsoft Visual Basic.NET, Second Edition.
COS 381 Day 23. © 2006 Pearson Addison-Wesley. All rights reserved Agenda Capstone progress report Overdue –Only received 1 out of 6 Capstone projects.
Web Development Using ASP.NET CA – 240 Kashif Jalal Welcome to week – 3-1 of…
Copyright © 2007 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Slide
1 Chapter 20 — Creating Web Projects Microsoft Visual Basic.NET, Introduction to Programming.
Christopher M. Pascucci Basic Structural Concepts of.NET Browser – Server Interaction.
ASP.NET Programming with C# and SQL Server First Edition
CST JavaScript Validating Form Data with JavaScript.
Overview This presentation covers the initial overview of the different server controls. 2.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
Tutorial: Introduction to ASP.NET Internet Technologies and Web Application 4 th February 2010.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 07: Forms - Spring 2011.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.
Dr. Azeddine Chikh IS444: Modern tools for applications development.
Chapter 5 Java Script And Forms JavaScript, Third Edition.
Object-Oriented Application Development Using VB.NET 1 Chapter 12 Web Forms, HTML, and ASP.NET.
Joe Hummel, PhD Dept of Mathematics and Computer Science Lake Forest College
.Net is a collection of libraries, templates and services designed to make programming applications of all kinds, easier, more flexible (multi platform),
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
Programming with Microsoft Visual Basic 2012 Chapter 12: Web Applications.
Web Development Using ASP.NET CA – 240 Kashif Jalal Welcome to week – 4-1 of…
ASP.Net, Web Forms and Web Controls 1 Outline Web Controls Text and Graphics Controls AdRotator Control Validation Controls.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
ASP.NET Web Server Controls Basic Web Server Controls.
Web Controls Chapter-7. Page  2 Synopsis  Stepping Up to Web controls  Basic Web control classes  Web control classes  Web control Base class  Units,
Chapter 4 – Working with ASP.NET Controls Dr. Stephanos Mavromoustakos.
ASP.NET Controls. Slide 2 Lecture Overview Identify the types of controls supported by ASP.NET and the differences between them.
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
 Types of Server Controls,  HTML Server Controls,  Web Controls,  List Controls,  Input Validation Controls,  Rich Controls.
Anatomy of an ASP.NET Page. Slide 2 Compiling an ASP.NET Page An ASP.NET page is compiled when it is rendered for the first time A page is compiled to.
Things like Textboxes, Lables, ‘n’at. ASPX page is not HTML Controls are rendered into markup that a browser can understand Some controls are rendered.
Module 4: Creating a Microsoft ASP.NET Web Form. Overview Creating Web Forms Using Server Controls.
Module 1: Working with ASP.NET. Overview Introducing ASP.NET Creating Web Forms Adding ASP.NET Code to a Page Handling Page Events Discussion: ASP vs.
Chapter 4: Working with ASP.NET Server Controls OUTLINE  What ASP.NET Server Controls are  How the ASP.NET run time processes the server controls on.
HTML Forms. Slide 2 Forms (Introduction) The purpose of input forms Organizing forms with a and Using different element types to get user input A brief.
TRAINING SESSIONS.NET Controls.  Standard Controls  Label  Textbox  Checkbox  Button, Image Button, Image control  Radio Button  Literal  Hyperlink.
Reference: “ASP.NET 2.0 Illustrated” by Alex Homer and Dave Sussman. -ch3 illustrated book
Week Developing Web Applications 12. Programming for the Web A Web Application Runs on a Web Server and Presents Its Content to the User Across a Network,
ASP.Net, Web Forms and Web Controls 1 Outline Session Tracking Cookies Session Tracking with HttpSessionState.
CSE 409 – Advanced Internet Technology Today you will learn  Styles  Themes  Master Pages Themes and Master Pages.
ASP.NET 4 Unleashed Chapter 1. .aspx page: contains C# script and HTML code including tags. Listing 1.1 FirstPage.aspx.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Asp.NET Core Server Controls. Slide 2 Lecture Overview Understanding the types of ASP.NET controls HTML controls ASP.NET (Web) controls.
ASP.NET Data Binding. Slide 2 Lecture Overview Understanding the ASP.NET data binding model.
Overview of Previous Lesson(s) Over View  ASP is a technology that enables scripts in web pages to be executed by an Internet server.  ASP.NET is a.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
PostBack  When an initial request for a page (a Web Form) is received by ASP.NET, it locates and loads the requested Web Form (and if necessary compiles.
Event Handling & Viewstate CS 351 Ed Gellenbeck. Today Review of Web Forms ASP.NET Object Hierarchy Events State Management Page State Session State Application.
1 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Studio.
111 State Management Beginning ASP.NET in C# and VB Chapter 4 Pages
Chapter 10, Slide 1Starting Out with Visual Basic 3 rd Edition Chapter 11 Developing Web Applications.
ASP.NET Forms.
Web Forms, HTML, and ASP.NET
Chapter 8 User Controls.
ASP.NET Web Controls.
Anatomy of an ASP.NET Page
ASP.NET.
Module 05: Building ASP .NET Applications
Web Development Using ASP .NET
Button Web Server Controls
Presentation transcript:

Asp.NET Core Server Controls

Slide 2 Lecture Overview Understanding the types of ASP.NET controls HTML controls ASP.NET (Web) controls

Slide 3 The runat Attribute The runat attribute makes a server control a server control This is true for both HTML and Web controls All tags without the runat attribute set are copied verbatim to the output stream (HTTP response)

Slide 4 Categorizing Server Controls ASP.NET CONTROLS HTML CONTROLS WEB CONTROLS

Slide 5 Categorizing Server Controls HTML controls always map to HTML tags All attributes are strictly compatible with XHTML They allow you to perform ‘some’ server side processing Web Controls (ASP.NET server controls) Are implemented by the ASP server as.NET Framework classes having a common.NET programming interface

Slide 6 Generalities HTML controls and Web controls can sometimes to do the same thing HTML controls can be used to conditionally create client-side script Web controls generally provide a ‘richer’ programmatic interface We will focus on Web controls in this lecture

Slide 7 HTML Controls (Overview) HTML controls are similar to ordinary HTML controls However, with the runat=“server” attribute added ASP.NET adds a programmatic way to interact with the control instances on the server ASP.NET controls are part of the System.Web.UI.HtmlControls namespace

Slide 8 HTML Controls (Interface) All HTML controls inherit from the HtmlControl class The properties are simple Attributes returns a collection of attribute / key value pairs Style gets a CSS collection of applied CSS properties Disabled indicates whether the control is disabled

Slide 9 HTML Controls (Categories) Figure 6-2 on page 239 shows the control categories HtmlInputControl – These represent the variations of the tag HtmlContainerControl – These are Tables and other controls that contain other controls Other – Other controls such as

Slide 10 HTML Controls The HTMLAnchor class implements tags tags designated runat=“server” and having an id will be seen by the server

Slide 11 HTML Controls The href property contains the link Store the text in InnerHtml or InnerText BusinessNews.HRef= " BusinessNews.Title = Business news channel"; BusinessNews.InnerHtml = " BusinessNews ";

Slide 12 HTML Input Controls All input controls derive from HtmlInputControl Name is the read-only property containing the control name Type property mirrors the Type attribute Value contains text appearing in the control instance

Slide 13 The ServerChange event It fires for most HTML controls to denote that the control’s contents have changed from one postback to the next Use for check boxes, radio buttons, text boxes, etc.

Slide 14 ASP.NET Server Controls These are unique to ASP.NET All are contained in the System.Web.UI.WebControls namespace All derive from WebControl runat=“server” attribute is required or the markup will be rendered verbatim They are not the same as HTML controls The programming interface is more intuitive

Slide 15 ASP.NET Server Controls (Properties 1) ID – Name that will be used to reference the control instance programmatically (It’s the Name property that you are used to in VB) Page – Page object on which the control resides Parent – parent control instance Use for container controls Visible – Make the control instance visible or invisible EnableViewState defines whether contents are persisted through view state

Slide 16 ASP.Net Server Controls (Properties 2) The Style property contains references to a collection of CSS style MyControl.Style[“border-color”] = blue; The CssClass property contains the name of a defined CSS class txtStyleDemo1.CssClass = "TextBox"

Slide 17 ASP.NET Server Controls (Methods) Focus – sets input focus to the control instance when it is rendered HasControls – denotes whether this control instance has child controls Controls – a collection of child controls DataBind – binds the control instance to a data source

Slide 18 ASP.NET Server Controls (Events) Same page and control events discussed in the previous chapter Init – First step in the life cycle Load – occurs when the control is loaded into the page PreRender – fires just before the page is rendered Unload – control has been rendered. Use only to close files or release connections

Slide 19 Other Control Characteristics Adaptive rendering allows controls to render differently based on the browser Control properties can be declared for different browsers, as follows:

Slide 20 Control State (Introduction) State information must often be persisted across page requests Control state is like view state You generally don’t mess with the control state

Slide 21 Help Pages (Note)

Slide 22 Core Web Controls (Introduction) Editable controls include check boxes, radio buttons, text boxes, labels, etc… There is an ASP Table control that implements a table container TableCell and TableRow implement cells and rows See Demo HyperLink and LinkButton implement links Use the FileUpload control to upload files

Slide 23 Button Controls (Introduction) CausesValidation determines whether a validation is performed when the button is clicked. ValidationGroup also controls validation More next time Text contains the text that appears in the button Visible property displays or hides the button

Slide 24 Basic Controls The TextBox and Label controls are similar to their desktop equivalents Check boxes operate similarly too You will notice that there is no scroll bar

Slide 25 List Controls Many controls work with lists They all work similarly ListBox DropDownList CheckListBox RadioButtonList

Slide 26 The ListBox Control Like the desktop equivalent, SelectedIndexChanged fires when an item is selected Each item in the ListBox is a ListItem These can be added at design time or at run time Set AutoPostBack, as necessary

Slide 27 The ListBox Control Properties SelectedIndex – 0-based index of the item selected SelectedItem – Text of the selected item SelectedValue – An associated value (used with data binding Set SelectionMode to allow selection of multiple items

Slide 28 Container Controls They are used to group other controls Make the sub controls visible Perform similar actions to all controls in the group Panel groups child controls MultiView acts as a container for View controls There are others

Slide 29 The Panel Control Simply put, it groups other controls Use it to Organize controls visually Make groups of controls visible or invisible Create scrollable regions

Slide 30 The Panel Control Set the ScrollBars property to enable/disable scrollbars Set the Visible property to hide or make visible the control

Slide 31 The View and MultiView Controls Use these to create multiple views of information Works something like a wizard Create one MultiView control Create many View controls inside of the MultiView For each View control create a button and set the CommandName and CommandArgument properties

Slide 32 Radio Buttons They work like their desktop equivalents Put in a RadioButtonList to create button groups SelectedIndex contains the index of the selected button The value is -1 if nothing is selected