zoukankan      html  css  js  c++  java
  • 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="添加" />

  • 相关阅读:
    vue vue-canvas-poster 生成海报
    vue 移动端拖曳指令
    小程序如何调起H5页面的支付
    vue H5微信支付代码
    java8的新特性
    java前端知识点整理
    java基础知识点整理
    ArcGis中地理数据库(sde)中概念及常见函数
    使用Arcgis时,在sde空间库常用的相关函数
    CentOS7虚拟机的网络模式-桥接模式配置
  • 原文地址:https://www.cnblogs.com/changxiaosen/p/6886346.html
Copyright © 2011-2022 走看看