Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > .NET Framework > Forum > รู้จัก controls ใน System.Web.UI.HtmlControls แบบคร่าวๆ

รู้จัก controls ใน System.Web.UI.HtmlControls แบบคร่าวๆ

เริ่มหัวข้อใหม่

xxx

โพสกระทู้ ( 3,144 )
บทความ ( 1 )

เชื่อเถอะ ใครที่เขียน asp.net ไม่ค่อยมีใครใส่ใจกับ controls กลุ่มนี้หรอก

เพราะมันกิ๊กก๊อก เปรียบเหมือนกับลูกเมียน้อยแบบนั้น แต่จริงๆ แล้วมันก็พอจะมีประโยชน์อยู่บ้าง

เอาอย่างนี้ ขอยกให้มันเป็นผู้ช่วยพระเอกก็แล้วกัน แต่เดี๋ยวจะบอกว่ามันมีจุดแข็งอย่างไร

จากรูปเราจะเห็นแท็ค html คือ html head body form ซึ่งมันก็คือแท็ค html จริงๆ นั่นแหละ -_-"

แต่ในเมื่อ asp.net มันถูกออกแบบมาด้วย oop ฉะนั้นไม่ว่าจะเป็นส่วนไหนของ page เราสามารถ

อ้างอิงมาใช้หรือสร้างได้ โดยใช้ namespace System.Web.UI.HtmlControls ซึ่งมี class ต่างๆ ดังนี้

HtmlAnchor = HTML <a>
HtmlButton = HTML <button>
HtmlContainerControl
HtmlControl สำหรับใช้อ้างอิง object html ทุก object
HtmlEmptyTagControlBuilder
HtmlForm = HTML <form>
HtmlGenericControl สร้าง HTML tag ได้ทุกแท็ค
HtmlHead Provides = HTML head
HtmlHeadBuilder Interacts with the parser to build an HtmlHead control.
HtmlImage = HTML <img>
HtmlInputButton = HTML <input type= button>, <input type= submit>, and <input type= reset> elements on the server.
HtmlInputCheckBox = HTML <input type= checkbox>
HtmlInputControl เป็นได้หลายเท็คเช่น <input type=text>, <input type=submit>, and <input type= file> elements.
HtmlInputFile = HTML <input type= file>
HtmlInputHidden = HTML <input type=hidden>
HtmlInputImage = HTML <input type= image>
HtmlInputPassword = HTML <input type= password>
HtmlInputRadioButton = HTML <input type= radio>
HtmlInputReset = HTML <input type=reset>
HtmlInputSubmit = HTML <input type= submit>
HtmlInputText = HTML <input type= text> and <input type= password> elements on the server.
HtmlLink = HTML link
HtmlMeta = HTML <meta>
HtmlSelect = HTML <select>
HtmlSelectBuilder ไว้สร้างแท็ค <select>
HtmlTable = HTML <table> element.
HtmlTable.HtmlTableRowControlCollection เป็น Collection ของ <tr>
HtmlTableCell Represents the <td> and <th> HTML elements in an HtmlTableRow object.
HtmlTableCellCollection เป็น Collection ของ <td>
HtmlTableRow = <tr> HTML element in an HtmlTable control.
HtmlTableRow.HtmlTableCellControlCollection
HtmlTableRowCollection
HtmlTextArea = <textarea> HTML
HtmlTitle = HTML <title>

สามารถไปดูเนื้อหาได้ที่ http://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols%28v=VS.90%29.aspx

เราจะเป็นว่า html control แต่ละตัวจะอ้างอิง html tag ได้แบบหนึ่งต่อหนึ่ง ซึ่งแตกต่างจาก web control

ที่สามารถ generate html tag ออกมาทีละหลายๆ tag ซึ่งขอดีของ html control พวกนี้ก็คือทำงานกับ

client script ได้เร็วกว่า web control

ส่วนการสร้าง (แบบ codebehide) และอ้างอิง html tag ใน page นี้ผมขอให้ไปดูได้ใน

https://www.thaicreate.com/dotnet/forum/040987.html ที่ผมเคยเขียนไว้

คราวนี้เราลองมาใช้ html control เขียน asp.net กัน แต่ขอบอกไว้ก่อนว่าถ้า html control มันขาด

attribute runat="server" server ก็จะมองผ่าน html control เป็นเพียงข้อความธรรมดาเท่านั้น จะไม่นำไปประมวลผล

และอีกอันที่ขาดไม่ได้เป็นกันก็คือ OnServerClick เป็น event ที่บอกให้ไปทำงานที่ server

ตัวอย่างการใช้งาน HtmlControls

Code (C#)

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <script runat="server" >

      void AnchorBtn_Click(Object sender, EventArgs e)
      {
         // Display a message when the HtmlAnchor control is clicked.
         Message.InnerHtml = "Hello World!";
      }

   </script>

<head runat="server">
    <title> HtmlAnchor Control Example </title>
</head>
<body>

   <form id="form1" runat="server">

      <h3> HtmlAnchor Control Example </h3> 

      <a id="AnchorButton"
         onserverclick="AnchorBtn_Click"
         title="Hello World!" 
         runat="server">

         Click here

      </a>

      <h1>
         <span id="Message" runat="server"/>
      </h1>

   </form>

</body>
</html>

Tag : - - - -

Date : 2010-04-05 20:45:03

By : tungman

View : 3249

Reply : 1

No. 1

หมีน้อย

โพสกระทู้ ( 32 )
บทความ ( 0 )

ขอบคุณครับ

Date : 2012-03-14 08:11:24

By : killkwai

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รู้จัก controls ใน System.Web.UI.HtmlControls แบบคร่าวๆ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00

Registered : 109,037

document.write("<font color=996600>[.NET]</font>"); รู้จัก controls ใน System.Web.UI.HtmlControls แบบคร่าวๆ

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

รู้จัก controls ใน System.Web.UI.HtmlControls แบบคร่าวๆ