asp.net动态生成复选框，aspnet动态网页设计

设计一个ASP.NET网页。

给文本框写一个前端事件就可以了

我只给思路，没有给直接给代码的习惯。CSDN上也这样，哪有这种拿来主义……

“该网页用一个TextBox控件输入内容，当内容输入完毕后，立即将输入的内容显示在标签上，并将该内容添加到下拉列表框中”

知识点一：给textbox控件onkeyup的前端事件，获取其内容显示在标签上[这个不会也不会吧？]

知识点二添加到下拉列表框中的技术点为：下拉框.options.add(new Option(text,value));

"添加一个按钮，当单击该按钮时，将下拉列表框中的每一项内容变成复选框列表中的一个选项"

知识点一：遍历下拉框的项，提取所有项的文本和值

知识点二：创建复选框组

可使用document.createElement('input')的方式动态创建复选框，但为了效率，建议使用类似于模板拼接的方式，比如：_checkboxTemp = 'input type="checkbox" id="mybox{0}" name="mybox" value="{1}" /label for="mybox{0}"{2}/label';

然后将提取到的文本和值替换进来，生成一个字符串。最后使用：容器.innerHTML=生成的复选框组字符串的方式去生成；这样通过减少对dom的操作使得效率更高

asp.net 复选框

checkboxlist如果你自己不定义样式的话。是不可以的。

它只提供横向，纵向的排列方法。并不支持第一排4个第二排2个。但是如果你运气好，第一排输出4个之后，正好没位置了。就会自动换行。

个人不建议对于复选框，你用服务器控件。因为checkboxlist会生成table标签。这对写样式会造成麻烦。

使用treeview控件读数据库动态生成带checkbox复选框的树形导航菜单asp.net（C#），急求帮助还可加分

页面

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Tree.aspx.cs" Inherits="MyTeachers.web.Tree" %

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""html xmlns=""

head runat="server"

title/title

/head

body

form id="form1" runat="server"

div

asp:TreeView ID="TreeView1" runat="server" Height="257px" ImageSet="WindowsHelp"

Width="142px" Target="rightFrame"

/asp:TreeView

/div

/form

/body

/html

后台

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data;

namespace MyTeachers.web

{

public partial class Tree : System.Web.UI.Page

{

DataView dv;

DataTable dt;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

int id =Convert.ToInt32(Session["userID"]);

//数据库执行查询的方法就不写了。

//Operator op = new Operator();

//这里执行的是：select * from tabmenu

dt = BLL.tabMenuBLL.GetAlltabMenut(id);

//第一次加载时调用方法传参

CreateTree(0, null, dt, this.TreeView1);

}

}

/// summary

/// 创建一个树

/// /summary

/// param name="parentID"父ID/param

/// param name="node"节点/param

/// param name="dt"DataTable/param

/// param name="treeView"TreeView的名称/param

public void CreateTree(int parentID, TreeNode node, DataTable dt, TreeView treeView)

{

//实例化一个DataView dt = 传入的DataTable

dv = new DataView(dt);

//筛选(相当于select * from tabMenu where menuParentID = 传入的 parentID)

dv.RowFilter = "[pid]=" + parentID;

//用foreach遍历dv

foreach (DataRowView row in dv)

{

//第一次加载时为空

if (node == null)

{

//创建根节点

TreeNode root = new TreeNode();

//root.Target = "rightFrame";

//必须与数据库的对应

root.Text = row["menuName"].ToString();

root.Value = row["menuID"].ToString();

//添加根节点

this.TreeView1.Nodes.Add(root);

//递归调用方法本身

CreateTree(int.Parse(row["menuID"].ToString()), root, dt, treeView);

}

else

{

//添加子节点

TreeNode childNode = new TreeNode();

childNode.Text = row["menuName"].ToString();

childNode.Value = row["menuID"].ToString();

childNode.NavigateUrl = row["menuUrl"].ToString();

node.ChildNodes.Add(childNode);

CreateTree(int.Parse(row["menuID"].ToString()), childNode, dt, treeView);

}

}

}

}

}

asp.net动态生成复选框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于aspnet动态网页设计、asp.net动态生成复选框的信息别忘了在本站进行查找喔。