zoukankan      html  css  js  c++  java
  • Web端控件,页面传值

    一.记忆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>");-  将此字符串输出到页面的最顶部

    补充

    1.<asp:Button OnClientClick="return true(点击可以提交) false(点击不会提交刷新)[这里也可以放一个返回bool型的方法]" ID="Button1" runat="server" Text="添加" />

    2.有一个属性AutoPostBack="true/false"   [自动回发],用在控件[Button]中,在不刷新页面的情况下,连接数据库进行判断.注意这个不能和JS事件用在同一个控件中,会造成页面自动刷新,无法进入事件的情况.

  • 相关阅读:
    Time Zone 【模拟时区转换】(HDU暑假2018多校第一场)
    HDU 1281 棋盘游戏 【二分图最大匹配】
    Codeforces Round #527 (Div. 3) F. Tree with Maximum Cost 【DFS换根 || 树形dp】
    Codeforces Round #527 (Div. 3) D2. Great Vova Wall (Version 2) 【思维】
    Codeforces Round #527 (Div. 3) D1. Great Vova Wall (Version 1) 【思维】
    Codeforces Round #528 (Div. 2, based on Technocup 2019 Elimination Round 4) C. Connect Three 【模拟】
    Avito Cool Challenge 2018 E. Missing Numbers 【枚举】
    Avito Cool Challenge 2018 C. Colorful Bricks 【排列组合】
    005 如何分析问题框架
    004 如何定义和澄清问题
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6883443.html
Copyright © 2011-2022 走看看