程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> 簡單控件,自定義控件其實很簡單

簡單控件,自定義控件其實很簡單

編輯:關於.NET

簡單控件,自定義控件其實很簡單


一、簡單控件:

1.Label:被編譯成span

Label:通過屬性改變它的寬高,或者是在css裡用 display:inline-block;然後設置寬高。


常用屬性:
Text--
ForeColor--文本顏色
Visible--隱藏,目前不是很好用
CssClass 他就是class

2.Literal:沒有元素 ,在它的位置上將Text內容完全展示出來
Text 常用屬性,寫什麼就是什麼。


3.TextBox: 不一定被編譯成什麼元素,設置他的Mode屬性 來變換他的各種文本樣式
(用來權限設置 非常好用)
TextMode - 它設置為什麼值,被編譯後將會是不同的一些表單元素


常用的屬性:
  Text--SingleLine屬性,單行
  Password屬性--只能輸入密碼框
  MultiLine屬性,顯示下拉列表;多行
  Color--拾色器文本框
  Number--右側上下箭頭 加減數字,比如 淘寶買東西選擇件數。
  Search--右側帶關閉,點擊可清空 文本內容 顯示記錄過的下拉內容
  Time-- “--:--”,限制時間格式
  Week--“----年 第--周”,限制 年 周。
  Date-- 年月日 格式
  Datetime --暫時沒研究出來
  DateTimeLocal--日期加時間。
  Month--“----年--月”格式

  Range--可以當亮度條用

 

4.按鈕
  Button--按鈕
  ImageButton--圖片按鈕
  LinkButton--帶超鏈接的按鈕
  重要屬性--OnClientClick:
OnClientClick=“confirm(“確定刪除嗎”)”//警告提示

按鈕的OnClientClick是執行客戶端腳本(js),客戶端執行優先級高於服務端
js先(客戶),c#後(服務端)


表單元素:
12個表單元素

文本類:
<input type="text" /> - 文本框
<input type="password" /> - 密碼框
<textarea></textarea> - 文本域
<input type="hidden" /> - 隱藏域

按鈕類:
<input type="button" value="按鈕" /> -按鈕
<input type="submit" value="提交" /> -提交按鈕,刷新
<input type="reset" value="重置" /> -重置按鈕
<input type="image" src="" /> -圖片按鈕

選擇類:
<input type="radio" /> -單選
<input type="checkbox" /> -多選

<select> -下拉列表
<option></option> -列表內容
</select>

<input type="file" /> -提示警告

 ----------------------------------------------------

二、復合控件

常用的三個

1.RadionButtonList:(完全可以替代 RadionButton。以後都用這個 

1.1、數據綁定
 List<Nation> list = new NationData().Select();
              RadioButtonList1.DataSource = list;
              RadioButtonList1.DataTextField = "NationName";
              RadioButtonList1.DataValueField = "NationCode";
              RadioButtonList1.DataBind();

遍歷:

foreach (Nation n in list)
            {
                ListItem li = new ListItem(n.NationName, n.NationCode);
                RadioButtonList1.Items.Add(li);
            }

1.2、設置默認選中項
RadioButton1.SelectedIndex --索引
RadioButton1.SelectedValue--值

1.3、取值
SelectedItem--

 Label1.Text = "";
        ListItem li = RadioButtonList1.SelectedItem;
        Label1.Text += li.Value + "," + li.Text;

1.4、布局

RepeatDirection:布局方式

Vertical 縱向

Horizontal:橫向

2.CheckBoxList

 

3.DropDownList

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved