Illustration of Using Htmltable Control

Items

- HtmlTable

HtmlTable Control is used to control the <table> tag. In HTML the table tag is used to create a table.

Attributes:

Properties

Describe
Align	Specifies the table arrangement
Attributes	Returns all attribute names and corresponding values of the tag attribute.
BGColor	Defines the background color of the table
Border	Determine the thickness of the edge
BorderColor	Specifies the color of the border
CellPadding	Determines the distance between the cell's member and its content.
CellSpacing	Defines the space between cells
Disabled	Boolean value that determines whether the Control is disabled or not. Default is false
Id	Unique Id of Control
innerHtml	Fills or returns content between the closing and opening tags. Special characters are not automatically converted to entities.
innerText	Fills or returns content between the closing and opening tags. Special characters are automatically converted to entities.
Rows	Returns an HtmlRowCollection object representing all rows.

Maybe you are interested!

	in table
Style	Specifies or returns the CSS property applied to the Control
TagName	Returns the name of the tag
Value	Value of the card
Visible	Boolean value that determines whether the Control will be visible or not.
Width	Specifies the width of the table

For example: The aspx page is as follows:

<body>

<p>line number:

</select>

<br />number of columns:

</select> <br /><br />

</Form>

</body>

Server side code as follows:

public partial class _Default : System.Web.UI.Page

{

protected void submit(object sender, EventArgs e)

{

int row,numrows,numcells,j,i; row=0; numrows=int.Parse(rows1.Value); numcells=int.Parse(cells1.Value);

for (j = 1; j <= numrows; j++)

{

HtmlTableRow r = new HtmlTableRow(); row = row + 1;

for (i = 1; i <= numcells; i++)

{

HtmlTableCell c = new HtmlTableCell();

c.Controls.Add(new LiteralControl("Row " + j + ", column " + i)); r.Cells.Add(c);

}

t1.Rows.Add(r); t1.Visible = true;

}

The interface has 2 HtmlSelect Control, one HtmlInputButton. The user can select the number of rows and columns of the table. When the user clicks the submit button, the button click event handler is executed and generates the table with the selected number of rows and columns.

Figure 3.21. Illustration of using HtmlTable control

- HtmlTableCell

HtmlTableCell Control is used to control the <td> and <th> tags. In HTML these tags are used to create table cells and table header cells.

Attributes:

Properties

Describe
Align	Determines cell arrangement
Attributes	Returns all attribute names and corresponding values of the tag attribute.
BGColor	Defines the background color of the cell
Border	Determine the thickness of the edge
ColSpan	The column number of the cell is expanded.
Disabled	Boolean value that determines whether the Control is disabled or not. Default is false
Id	Unique Id of Control
innerHtml	Fills or returns content between the closing and opening tags. Special characters are not automatically converted to entities.
innerText	Fills or returns content between the closing and opening tags. Special characters are automatically converted to entities.
RowSpan	The cell row number is expanded.
Runat	Specifies that this Control is a Server Control. Must be specified. set to “Server”.
Style	Specifies or returns the CSS property applied to the Control
TagName	Returns the name of the tag
Valign	Vertically arrange the cell contents.
Visible	Boolean value that determines whether the Control will be visible or not.
Width	Specifies the width of the cell

For example: The aspx page is as follows:

<body>

</table>

</Form>

</body>

Server side code as follows:

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void submit(object sender, EventArgs e){ int i,j;

table1.BgColor="yellow"; table1.BorderColor="red";

for (i = 0; i <= table1.Rows.Count - 1; i++)

for (j = 0; j <= table1.Rows[i].Cells.Count - 1; j++) table1.Rows[i].Cells[j].InnerHtml ="Row " + i;

}

The interface has an HtmlTable Control and an HtmlInputButton Control. When clicking on the submit button, the click event handler of this button is executed, then the background color of the table is assigned to yellow and the border of the table is reassigned to red as shown below:

Figure 3.22. Illustration of using HtmlTableCell control

- HtmlTableRow

HtmlTableRow Control is used to control the <tr> tag. In HTML, the <tr> tag is used to create table rows.

Attributes:

Properties

Describe
Align	Specifies the order of rows
Attributes	Returns all attribute names and corresponding values of the tag attribute.
BGColor	Specifies the background color of the row

Determine the thickness of the edge
Cells	The column number of the cell is expanded.
Disabled	Boolean value that determines whether the Control is disabled or not. Defaults to false
Id	Unique Id of Control
innerHtml	Fills or returns content between the closing and opening tags. Special characters are not automatically converted to entities.
innerText	Fills or returns content between the opening and closing tags. Special characters are automatically converted to entities.
Runat	Specifies that this Control is a Server Control. Must be specified as “Server”
Style	Specifies or returns the CSS property applied to the Control
TagName	Returns the name of the tag
Valign	Vertically arrange the cell contents.
Visible	Boolean value that determines whether the Control will be visible or not.

Border

- HtmlTextArea.

HtmlTextArea Control is used to control the <textarea> tag. In HTML, this tag is used to create text areas.

Attributes:

Properties

Describe
Attributes	Returns all attribute names and corresponding values of the tag attribute.
Disabled	Boolean value that determines whether the Control is disabled or not. Default is false
Id	Unique Id of Control
innerHtml	Fills or returns content between the closing and opening tags. Special characters are not automatically converted to entities.
innerText	Fills or returns content between the closing and opening tags. Special characters are automatically converted to entities.
Name	Unique name of text area
OnServerChange	The name of the function that is executed when the content of the textarea changes
Rows	Number of lines displayed in the text area
Runat	Specifies that this Control is a Server Control. Must be specified. set as “Server”

Style	Specifies or returns the CSS property applied to the Control
TagName	Returns the name of the tag
Value	Contents of textarea
Visible	Boolean value that determines whether the Control will be visible or not.

For example: The aspx page is as follows:

<body>

<Form id="Form1" runat="Server"> Enter data:<br />

</Form>

</body>

Server side code as follows:

public partial class _Default : System.Web.UI.Page

{

protected void submit(object sender, EventArgs e) { p1.InnerHtml ="<b>You wrote:</b> " + textarea1.Value;

}

The interface consists of an HtmlTextArea Control, an HtmlInputButton Control. When the submit button is clicked, its click event handler is executed and the message written in the textArea is printed in a p tag.

Figure 3.23. Illustration of using HtmlTextArea control

b) ASP.NET Server Control

Just like HTML Server Controls, Web Server Controls are also created on the Server and they have the runat=“Server” attribute available to execute on the Server. However, Web Server Controls do not necessarily map to any existing HTML tags and they can represent tags with more complex functionality.

Syntax for creating an ASP.NET Server Control element

<asp:PT_type attribute="value" …. runat="Server">

In which asp: is required, Type_PT can be button, textbox, calendar, select, treeview, adRotator, listview, gridview, image,….