WebForm控件--2016年12月29日

简单控件

1、Label  =>   <span id="Label1">Label1</span>

---

2、Literal  =>  Text 填什么直接转成HTML 输出

---

3、TextBox  ╦=> TextMode="SingleLine" =>  <input name="TextBox1" type="text" id="TextBox1" />

　　　　　　 ╠=> TextMode="Password"  =>  <input name="TextBox1" type="password" id="TextBox1" />

　　　　　　 ╚=> TextMode="MultiLine"   =>  <textarea name="TextBox1" rows="2" cols="20" id="TextBox1">

　　Maxlength:最大长度    warp：换行

---

4、HiddenField  =>  <input name="TextBox1" type="hidden" id="TextBox1" />

---

5、Button  =>   <input type="submit" name="Button1" value="Button" id="Button1" />

　　Onclintclick  =>  onclick属性

---

6、ImageButton  =>  <input type="image" name="ImageButton1" id="ImageButton1" src="">

---

7、LinkButton  =>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>

<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>

编译后

复合控件

　　绑定数据

RadioButtonList1.DataSource =　;
RadioButtonList1.DataTextField = "";
RadioButtonList1.DataValueField = "";
RadioButtonList1.DataBind();

---

1、RadioButtonList

2、CheckBoxList

　　RepeatLayout：布局标签   RepeatDirection：布局方式   RepeatColumns：每行的列数

---

3、DropDownList   =>  Combobox

　　AutoPostBack：自动提交

4、ListBox  =>  可多选

　　SelectionMode

---

* AutoPostBack 属性用于设置或返回当用户在 TextBox 控件中按 Enter 或 Tab 键时，是否发生自动回传到服务器的操作。

控件名称　　　　    指定触发事件的属性
CheckBox 　　　　 OnCheckChanged
CheckBoxList 　　  OnSelectedIndexChanged
DropDownList 　　 OnSelectedIndexChanged
ListBox 　　　　     OnSelectedIndexChanged
RadioButton 　　   OnCheckChanged
RadioButtonList     OnSelectedIndexChanged
TextBox 　　　　　OnTextChanged