在网页的右边,我想做一个树形菜单,树的节点是一级的,是从数据库表中获得一列名称,点击树节点,在网页的右边显示该节点的一些信息,前台代码和后台分别怎么实现!
我的前台代码(树在td里面):
<td rowspan="4" style="background-color: #F4F8FD;" valign="top" id="td_tree">
<div id="toolsContent1" class="toolsContent" style="left:20px; width: 117px;">
<div class="toolsBar"></div>
<div class="toolsTitle"><a href="#;" id="clickFold1" title="折回" class="clickFold" onclick="fold_IN()">折回</a> 煤矿列表</div>
<div class="toolsC">
<div class="toolsCin">
<asp:TreeView ID="TreeView1" AutoGenerateDataBindings="False" runat="server"
ShowLines="True" onselectednodechanged="TreeView1_SelectedNodeChanged">
</asp:TreeView>
</div>
</div>
</div>
<ul id="toolsTags" class="toolsTags">
<li class="now">检索目录一</li>
</ul> </td>
<td style="width:10px;">
</td>
<td style="text-align:left; width:100px;">
<a id="selectCoal" href="javascript:ShowCoal();">选择煤矿</a>
<div id="coalWrapper" style="display:none; border:solid 1px #6699ff; width:150px; z-index:1000; position:absolute;">
<div id="toolbar" style="height:20px; background:#d2e0f1; width:auto; position:static;">
<a id="selectYes" href="javascript:SelectYes();"><img src="../Images/button/select-yes.gif" style="float:right; padding-top:2px; padding-right:2px; " alt="确定"/></a>
<a id="selectNo" href="javascript:SelectNo();"><img src="../Images/button/select-no.gif" style="float:left; padding-top:2px; padding-left:2px;" alt="取消"></a>
</div>
<select name="ddlCoal" id="ddlCoal" multiple="multiple" style="width:150px;"></select>
</div>
</td>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
ParentNode();
}
}
public DataSet dsDataBind(string sqlSelect) //数据库绑定
{
SqlDataAdapter da = new SqlDataAdapter(sqlSelect, sqlCon);
DataSet ds = new DataSet();
da.Fill(ds);
return ds;
}
public void ParentNode() //创建父节点
{
string sqlselect = "select * from Sys_Colliery ";
DataSet ds = dsDataBind(sqlselect);
// this.TreeView1.Attributes.Add("onselectednodechanged", "return alert('123');");
if (ds.Tables[0].Rows.Count != 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
TreeNode tn = new TreeNode();
tn.Text = ds.Tables[0].Rows[i]["CollName"].ToString();
tn.Value = ds.Tables[0].Rows[i]["CollCode"].ToString();
this.TreeView1.Nodes.Add(tn);
//tn.NavigateUrl = "./CoalSupervision.aspx";
}
} }
public void CollNode(TreeNode node, string collname) //取出Sys_Colliery表中的CollName
{
DataSet ds = dsDataBind("select * from Sys_Colliery where CollName =" + collname);
if (ds.Tables[0].Rows.Count != 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
TreeNode tn = new TreeNode();
tn.Text = ds.Tables[0].Rows[i]["collname"].ToString();
tn.Value = ds.Tables[0].Rows[i]["CollCode"].ToString();
}
}
}
高手给予指点啊!急用!顺便还有树菜单想做成课隐藏的,点击“折回”,会隐藏到左侧,知道的帮帮!感激不尽!
我的前台代码(树在td里面):
<td rowspan="4" style="background-color: #F4F8FD;" valign="top" id="td_tree">
<div id="toolsContent1" class="toolsContent" style="left:20px; width: 117px;">
<div class="toolsBar"></div>
<div class="toolsTitle"><a href="#;" id="clickFold1" title="折回" class="clickFold" onclick="fold_IN()">折回</a> 煤矿列表</div>
<div class="toolsC">
<div class="toolsCin">
<asp:TreeView ID="TreeView1" AutoGenerateDataBindings="False" runat="server"
ShowLines="True" onselectednodechanged="TreeView1_SelectedNodeChanged">
</asp:TreeView>
</div>
</div>
</div>
<ul id="toolsTags" class="toolsTags">
<li class="now">检索目录一</li>
</ul> </td>
<td style="width:10px;">
</td>
<td style="text-align:left; width:100px;">
<a id="selectCoal" href="javascript:ShowCoal();">选择煤矿</a>
<div id="coalWrapper" style="display:none; border:solid 1px #6699ff; width:150px; z-index:1000; position:absolute;">
<div id="toolbar" style="height:20px; background:#d2e0f1; width:auto; position:static;">
<a id="selectYes" href="javascript:SelectYes();"><img src="../Images/button/select-yes.gif" style="float:right; padding-top:2px; padding-right:2px; " alt="确定"/></a>
<a id="selectNo" href="javascript:SelectNo();"><img src="../Images/button/select-no.gif" style="float:left; padding-top:2px; padding-left:2px;" alt="取消"></a>
</div>
<select name="ddlCoal" id="ddlCoal" multiple="multiple" style="width:150px;"></select>
</div>
</td>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
ParentNode();
}
}
public DataSet dsDataBind(string sqlSelect) //数据库绑定
{
SqlDataAdapter da = new SqlDataAdapter(sqlSelect, sqlCon);
DataSet ds = new DataSet();
da.Fill(ds);
return ds;
}
public void ParentNode() //创建父节点
{
string sqlselect = "select * from Sys_Colliery ";
DataSet ds = dsDataBind(sqlselect);
// this.TreeView1.Attributes.Add("onselectednodechanged", "return alert('123');");
if (ds.Tables[0].Rows.Count != 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
TreeNode tn = new TreeNode();
tn.Text = ds.Tables[0].Rows[i]["CollName"].ToString();
tn.Value = ds.Tables[0].Rows[i]["CollCode"].ToString();
this.TreeView1.Nodes.Add(tn);
//tn.NavigateUrl = "./CoalSupervision.aspx";
}
} }
public void CollNode(TreeNode node, string collname) //取出Sys_Colliery表中的CollName
{
DataSet ds = dsDataBind("select * from Sys_Colliery where CollName =" + collname);
if (ds.Tables[0].Rows.Count != 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
TreeNode tn = new TreeNode();
tn.Text = ds.Tables[0].Rows[i]["collname"].ToString();
tn.Value = ds.Tables[0].Rows[i]["CollCode"].ToString();
}
}
}
高手给予指点啊!急用!顺便还有树菜单想做成课隐藏的,点击“折回”,会隐藏到左侧,知道的帮帮!感激不尽!
{
if (this.TreeView1.SelectedNode != null)
{
string Id= this.TreeView1.SelectedNode.Value;
}
}
treeview就有展开等功能
“折回"?