05-19Web端控件,页面传值

Posted 常啸森

tags:

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

一.记忆Web端控件需要配合HTML 中的Form表单元素

 

1、Label

  会被编译成span标签

  属性:

  Text:文本内容

  CssClass:CSS样式

  Enlabled:是否可用

  Visible:是否可见

2、Literal

  空的,C#会把里面的Text内容直接作为网页代码传过去,比如Text里面写上<input type="button" />会直接在网页中插入一个按钮

  属性:

  Text:内容

文本类

  • 文本框      <input type="text">                        TextBox
  • 密码框      <input type="password">                 TextBox 属性TextMode="password"
  • 文本域      <textarea>                                      TextBox 属性TextMode="MutilLine"
  • 隐藏文本域 <input type="hidden>                     HiddenFiled

 取值用value

 

按钮类

  • 普通按钮   button                  无
  • 提交按钮   submit                  Button(默认提交)
  • 重置按钮   reset                     无
  • 图片按钮   image                   ImageButton

 

选择类

  • radio                  RadioButtonList(这个不用Panel了,每一个默认是一个集合,里面有好多项)  属性ListItem(选择的每一项) Enable(是否可用) selected(是不是默认选中) Text (展示项内容)Value(系统取值)

     RepeatDirection(横向或竖向排列) RepeatLayout(编译成表格、流式或者有序无序列表的样式) 

  • checkbox            CheckBoxList (这个也不用Panel,每一个默认是一个集合,里面有好多项)     属性 ListItem(选择的每一项) Enable(是否可用) selected(是不是默认选中) Text (展示项内容)Value(系统取值)
  • select option       DropDownList
  • file(未学)

 

1、RadioButton 和 RadioButtonList

  单选按钮

  大多情况下使用后者

  绑定数据:    

    RadioButtonList1.DataSource = 泛型集合;

    RadioButtonList1.DataTextField = "Name";

    RadioButtonList1.DataValueField = "Code";

    RadioButtonList1.DataBind(); - 必须要有

  设置选中项:    

    按照索引选中:

    RadioButtonList1.SelectedIndex = slist.Count - 1;

    按照value值选中:

    RadioButtonList1.SelectedValue = "002";

    按照Text选中:

    foreach (ListItem li in RadioButtonList1.Items)

    {

      if (li.Text == "汉族")

      {

      li.Selected = true;

      }

    }

  取出数据:

    取出value值

    Label1.Text = RadioButtonList1.SelectedValue;

    取出Text值

    Label1.Text = RadioButtonList1.SelectedItem.Text;

   

2、CheckBox 和 CheckBoxList

  复选按钮

  绑定数据源与设置单个选择项同上,如果要设置多个选择项,则需要遍历

    foreach (ListItem li in CheckBoxList1.Items)

    {

      if (li.Selected == true)

      {

      Label1.Text += li.Text + ",";

      }

    }

 

 

三.关于绑定数据刷新似的问题

绑定数据出现数据选项无法更改
page_load事件再每一次页面刷新的时候都会执行
就会把数据重新绑定一次,再去执行按钮事件
判断页面是否是第一次加载还是响应回发

 

if(!ispostback)
{
只需要在页面第一次加载的时候才执行的代码写到这里面
注意95%的代码都要写到这里面
!事件委托不能写到这里面
}

 

 

四.页面传值

传值取值 - 跨页面传值
QueryString - url传值,地址传值
传值:[地址?key=value&key=value]

取出url传递过来的值
取值:string value = Request["key"];

原理:地址栏后面接 ?key=value&key=value 在后台代码中可以通过这些key来接受需要的字符串

优点:不占用服务器内存,执行快  缺点:直接显示在了地址栏上,安全性差

 

五.Response: - 响应请求对象

Response.Redirect("想要跳转的页面地址");-  服务端重定向

Response.Write("想要在页面中插入的语句,例如:<script>alert(‘123321‘);</script>");-  将此字符串输出到页面的最顶部

 

补充

<asp:Button OnClientClick="return true(点击可以提交) false(点击不会提交刷新)" ID="Button1" runat="server" Text="添加" />

以上是关于05-19Web端控件,页面传值的主要内容,如果未能解决你的问题,请参考以下文章

ASP.net post传值出现错误。

跳转页面与传值(Swift4)

silverlight怎么传值给页面图表控件

2017-5-19 复合控件 ispostback 跨页面传值

Thymeleaf前后端传值 页面取值与js取值

asp.net 页面传值以及接收问题。?