• ListBox简单应用


    ListBox-->SelectionMode属性:列表的选择模式

    在工具箱拖放一个ListBox:

    打开源:

    <body>
        <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtAddListValue" runat="server"></asp:TextBox>
            <asp:Button ID="btnSubmit" runat="server" Text="新增" onclick="btnSubmit_Click" />
            <br /><br />
            <asp:ListBox ID="listValue" runat="server" SelectionMode="Multiple">
                <asp:ListItem>张三</asp:ListItem>
                <asp:ListItem>李四</asp:ListItem>
                <asp:ListItem>王五</asp:ListItem>
                <asp:ListItem>赵六</asp:ListItem>
            </asp:ListBox>
            <br /><br />
            <asp:Button ID="btnSure" runat="server" Text="选择" onclick="btnSure_Click" />
            <br />
            <asp:Label ID="labShow" runat="server"></asp:Label>
        </div>
        </form>
    </body>

    双击新增按钮:

       /// <summary>
        /// 为ListBox新加一项值
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            listValue.Items.Add(txtAddListValue.Text.ToString());
        }

    双击选择按钮:

        /// <summary>
        /// 显示选择的值
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnSure_Click(object sender, EventArgs e)
        {
            labShow.Text = "您选择的是:<br />";
            //遍历控件
            foreach(ListItem li in listValue.Items)
            {
                //获取值
                if(li.Selected)
                {
                    labShow.Text += li.Text + "<br>";
                }
            }
        }

  • 相关阅读:
    【LOJ】 #2015. 「SCOI2016」妖怪
    【LOJ】#2016. 「SCOI2016」美味
    【LOJ】 #2008. 「SCOI2015」小凸想跑步
    【LOJ】#2007. 「SCOI2015」国旗计划
    【LOJ】#2006. 「SCOI2015」小凸玩矩阵
    【LOJ】#2172. 「FJOI2016」所有公共子序列问题
    【LOJ】#2173. 「FJOI2016」建筑师
    【LOJ】#2174. 「FJOI2016」神秘数
    【LOJ】#2280. 「FJOI2017」矩阵填数
    【洛谷】P4585 [FJOI2015]火星商店问题
  • 原文地址:https://www.cnblogs.com/scsuns520/p/1633270.html
Copyright © 2020-2023  润新知