본문 바로가기

Languages/ASP .NET

ASP.NET - 기본 컨트롤 사용

 

ASP.NET - 기본 컨트롤 사용


기본 컨트롤 - 서버 컨트롤
◈서버컨트롤의 종류

  • 텍스트 입출력(TextBox, Label, Literal)
  • 버튼 컨트롤(Button, LinkButton, ImageButton)
  • 이미지와 링크(Image, HyperLink)
  • 체크박스와 라디오 버튼(CheckBox, RadioButton)


텍스트 입출력(TextBox, Label, Literal)

  • Label 컨트롤
    • Label 컨트롤은 웹 폼에 문자열을 출력할 때 사용합니다. 일반적으로는 다른 컨트롤과 함께 쓰이면서 그 컨트롤의 용도를 알려주거나, 메시지를 출력할 때 사용합니다.
    • 이 컨트롤은 최종적으로 사용자에게 보여질때는 <span></span>으로 표시됩니다.
    • 도구상자의 속성을 이용하여, 색상 등을 정의하고 사용할 수 있습니다.
    • 또한 ID 값을 이용하여, 동적으로 글씨가 바뀌도록 할 수도 있습니다.
  • TextBox 컨트롤
    • 이 컨트롤은 사용자로부터 문자를 입력받거나, 보여줄 때 사용합니다.
    • 텍스트 입력 모드에는 일반 텍스트 한 줄 , 비밀번호, 여러줄 입력을 받을 때 사용하는 멀티라인 모드가 있습니다.
    • 이 컨트롤의 Visible 속성이 False로 되어있을 경우에는, 최종적으로 사용자에게 보여질 때는 태그가 생성되지 않습니다.
    • 이 컨트롤들은 최종적으로 사용자에게 보여질 때는 <input type=text>로 표현됩니다.

Button 컨트롤(Button, LinkButton, ImageButton)

  • 버튼 컨트롤은 웹 폼에서 자주 사용되는 컨트롤 중 하나입니다. 보통은 버튼을 클릭하고자 할 때 사용합니다.
  • 웹 폼에서 버튼은 단순히 코드를 실행하는 것 외에 폼을 서버로 전송하는 역할을 합니다. 발생한 이벤트 중에서 전송 보류 중인 이벤트를 보내서 함께 처리하는 용도로도 사용합니다.
    • 버튼에는 명령(일반적), 링크 스타일로 보여주는 버튼, 버튼 모양 대신에 이미지로 보여주는 버튼이 있습니다.
    • 이 버튼의 동작방식은 모두 동일하며, 사용자가 클릭했을 때 이벤트를 발생시켜, 폼 데이터를 서버로 전송하고, 클릭 이벤트 핸들러를 실행합니다.

 

  • Button 컨트롤

    • Button 컨트롤은 Text, CommandArgument, CommandName 과 같은 속성이 있습니다.

  • LinkButton 컨트롤

    • LinkButton은 하이퍼링크 형식으로 표시되는 버튼입니다. 버튼과 마찬가지로 동일한 속성이고, 겉 모양만 링크모양입니다.

  • ImageButton 컨트롤

    • ImageButton 컨트롤은 버튼 모양 대신에 이미지를 보여주는 버튼입니다. 이미지를 클릭한다는 것은 버튼을 클릭하는 것과 같은 기능을 하지만, 단지 버튼이 아니라, 이미지가 보여지는 것입니다.


       

  • 이미지와 링크(Image, HyperLink) - 090320

    • Image 컨트롤은 웹 폼에 이미지를 보여줄 때 사용합니다. 이 컨트롤은 이미지를 보여주기만 할 뿐 클릭이벤트등의 이벤트는 사용할 수 없습니다.
    • HyperLink 컨트롤은 다른 웹페이지로 이동하기 위해 사용하는 컨트롤입니다. 웹 페이지로 이동하기 위해 사용하는 컨트롤러 이며, 클릭했을 때 다른 페이지로 이동합니다.
      • 이미지링크로 작성할 수도 있지만, 기본은 텍스트링크가 됩니다.
      • [이미지 버튼과 이미지 컨트롤의 차이점] > 이미지 컨트롤은 클릭이벤트가 없고, 이미지 버튼은 클릭 이벤트가 가능합니다.



    • HyperLink 컨트롤
      • 하이퍼링크 개념의 컨트롤입니다. 클릭시에, 다른 웹페이지로 이동합니다.

      • 텍스트 속성을 지정하여, 텍스트 링크를 만들수도 있고, 이미지를 지정해서 이미지 링크를 만들 수도 있습니다.

      • 둘다 지정한 경우, 이미지 링크가 우선 됩니다.

    • CheckBox 컨트롤

      • 이 컨트롤은 어떤 항목을 선택할 것인지, 혹은 선택했는지 체크하는 컨트롤이며, 예/아니오 같은 True/False로 사용합니다.

    • Radio 버튼 컨트롤

      • 체크 박스는 여러개가 선택될 수 있지만, 이 라디오 버튼은 하나만 선택할 수 있습니다.

      • 하나를 선택하면 이전에 선택했던 버튼은 해제 됩니다.

      • 라디오 버튼은 반드시 그룹으로 묶어줘야 하며, 그렇지 않으면 따로 지정이 되니 유의하세요. 그룹이름은 Group Name 속성을 이용해서 지정할 수 있으며, 동일한 그룹에는 동일한 그룹 이름을 지정해야 합니다.

    'Languages > ASP .NET' 카테고리의 다른 글

    ASP.NET - List Control & Collection  (0) 2011.08.31
    ASP.NET - 패널(Panel), Literal, Table  (0) 2011.08.31
    ASP.NET - 폼 데이터 보내기  (0) 2011.08.31
    ASP.NET - 페이지 분석  (0) 2011.08.31
    ASP.NET - 시작  (0) 2011.08.31