Asp中的DropDownList控件和原生下拉框的使用比较

2021-04-09 05:25

阅读:389

标签:通过   table   idt   for   ble   item   了解   efi   exchange   

首先先思考下如果不使用DropdownList控件,如何将一个List集合中的数据通过下拉框(select标签)的形式显示?

使用下拉框(纯select方式)实现分类数据的显示 

步骤:

处理后端:
①在后端代码中定义一个公开的userID变量,用于保存url中获取到的userID

public static int userID ;

②先判断url中是否存在userID对应的值

if (!string.IsNullOrEmpty(Request.QueryString["userID"]))
                {
                    userID = int.Parse(Request.QueryString["userID"]);
                }

③根据获取到的userID显示对应类型的数据(如果url中没有userID值,默认为1,Dal会做相应处理,为1会返回所有类型数据)

Repeater1.DataSource = BLL_User.getUserByType(userID);
            Repeater1.DataBind();

  ****因为这里顺便练习三成构架所以用到了三层需要也可以进行相应的更改  附上getUserByType() 的连套方法:

//BLL层
public static List getUserByType(int id)
        {
            return DAL_User.getUserByType(id);
        }
//DAL层
public static List getUserByType(int id)
        {
            string sql = $"userType ={id}";
            if (id ==1)
            {
                sql = "";
            }
            List uers = SelectSQL(sql);
            return uers;
        }

public static List SelectSQL(string strWhere)
        {
            string sql = "";
            _users = new List();
            if (strWhere == "")
            {
                sql = "select * from UserInfo where isShow=1";
            }
            else
            {
                sql = $"select * from UserInfo where isShow=1 and " + strWhere;
            }
            DataTable td = new DBHerple().SelectDataTable(sql);
            User user = null;

            foreach (DataRow dataRow in td.Rows)
            {
                user = new User();
                user.userID = int.Parse(dataRow["userID"].ToString());
                user.userName = dataRow["userName"].ToString();
                user.userPwd = dataRow["userPWd"].ToString();
                user.userAddress = dataRow["userAddress"].ToString();
                user.userType = int.Parse(dataRow["userType"].ToString());
                _users.Add(user);//添加到集合中去
            }
            return _users;
        }

处理前端:
①在前端页面实现select代码

②使用结合foreach遍历将集合中的数据显示为下拉框形式


"form1" runat="server">
select id="slct" onchange="SelectType(this)"> foreach (var item in userType) {%> select>
class="layui-table user-table"> "Repeater1" runat="server">
序号 账户 密码 地址 操作
"userID") %> "userName") %> "userPWd") %> "userAddress") %>


评论


亲,登录后才可以留言!