简单控件

Posted 涤荡轮回

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单控件相关的知识,希望对你有一定的参考价值。

一、简单控件:

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

 

以上是关于简单控件的主要内容,如果未能解决你的问题,请参考以下文章

Android 片段与复合控件

AJAX相关JS代码片段和部分浏览器模型

如何在导航控件片段中关闭导航 DrawerLayout onBackPressed

为啥这段代码会泄露? (简单的代码片段)

jmeter的Include Controller控件和Test Fragment控件和Module Controller控件

控件集合无法修改,因为控件包含代码块(即 <% ... %>)