码迷,mamicode.com
首页 > 其他好文 > 详细

标准控件(一)——Button,CheckBox,CheckBoxList

时间:2015-02-22 23:07:31      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

Button

    LinkButton超链接模样的按钮,ImageButton图片模样的按钮(ImageUrl属性):

    拥有Label的所有属性。

 

    CommandArgument         与此按钮关联的命令参数。(相当于value值)

    OnClientClick           按钮点击的时候,要执行的客户端脚本。

 

如何给控件加上JS 的脚本调用?

法一:直接在源代码中加上相应的JS事件,及脚本调用。

        <asp:TextBox onblur="checkEmail()" ID="TextBox3" runat="server"></asp:TextBox>

 

 

法二:在Page_Load事件中,通过控件的Attributes属性加入相应的JS事件及脚本调用。

 

    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox3.Attributes.Add("onblur", "return checkEmail()");
    }

 

 

法三:像按钮,它直接带有OnClientClick的脚本调用属性。

 

 

 CheckBox

    控件:复选框

    拥有Label的所有属性。

 

    Text                    文本

    Checked                 bool,是否被选中

 

    <script language="javascript">
        function checkAll(n, c) {  /*功能:全选。*/
            var cbs = document.getElementsByName(n);  /*查找所有name是参数n的控件*/
            for (var i = 0; i < cbs.length; i++) {
                cbs[i].checked = c.checked;  /*将查找到的控件的checked设置为跟控件c的checked相同,实现全选功能*/
            }
        }
    </script>

 

 

            房屋类型:<asp:CheckBox ID="cbHouse" onclick="checkAll(‘house‘,this)" runat="server" Text="全选" />  <%--将(分组名,本身)传给函数--%>
            <br />
            <asp:Repeater ID="rpHouse" runat="server">
                <ItemTemplate>
                    <input type="checkbox" name="house" value="<%#GetDataItem() %>" /><%#GetDataItem() %>
                </ItemTemplate>
            </asp:Repeater>
            <br />

 

 

CheckBoxList

    显示多个,选择多个。布局。

属性

    Items

    DataSource              数据源

    DataTextField           显示的内容

    DataValueField         

    SelectedValue           选中项的值

    SelectedItem            选中的对象(ItemTextValue属性)

    SelectedIndex           在集合中的下标序号

    AppendDataBoudItem      选择是否将数据绑定项追加到静态声明的列表项上

    RepeatLayout            Table—用表格布局;Flow—用span布局。

    RepeatColumns           一行显示几个。

    RepeatDirection         布局方向。

 

    获取选中项的值:

        foreach (ListItem li in CheckBoxList1.Items)
        {
            if (li.Selected)
            {
                Literal1.Text += li.Value;
            }
        }

 

 

    设置哪一项被选中:

        CheckBoxList1.SelectedIndex = -1;    //清除原有状态。
        //设置选中状态。
        string s = TextBox1.Text;
        string[] spliters = s.Split(/);
        foreach (string key in spliters)
        {
            foreach (ListItem li in CheckBoxList1.Items)
            {
                if (li.Value == key)
                {
                    li.Selected = true;
                }
            }
        }

 

 

标准控件(一)——Button,CheckBox,CheckBoxList

标签:

原文地址:http://www.cnblogs.com/phantom-k/p/4297788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!