当前位置:编程学习 > C#/ASP.NET >>

asp.net 如何实现动态创建伸展菜单?

效果如下:
aaaa
bbbbb
bbbbb1
bbbbb2
bbbbb3
bbbbb4

ccccc
ddddd
点击bbbb出现展开下面的内容,再次点击收缩其内容!数据表是无限极分类。希望有源代码的可以贴出来,或发Email到scsuns520@163.com!万分感谢!!!! --------------------编程问答-------------------- EasyUI 里面有手风琴效果

使用方法:http://www.easyui.net/portal.php?mod=view&aid=15 --------------------编程问答-------------------- 用treeview控件就能实现 --------------------编程问答--------------------
引用 1 楼 mustudent 的回复:
EasyUI 里面有手风琴效果

使用方法:http://www.easyui.net/portal.php?mod=view&aid=15

要动态数据 --------------------编程问答-------------------- 邮箱写错了 有实例代码的最好啦 发送到scsuns520@126.com --------------------编程问答-------------------- 动态数据? 哪你用AJAX去加载呗。或者就直接用TreeView 控件来做啊。 --------------------编程问答-------------------- 用递归 js+全部变量 或是jquery --------------------编程问答--------------------
引用 6 楼 longlong881129 的回复:
用递归 js+全部变量 或是jquery

正解 --------------------编程问答-------------------- jquery会,动态创建的a标签的鼠标移过样式不知道怎么设置没有用! --------------------编程问答-------------------- 快来呀 大家支持下啦!!! --------------------编程问答-------------------- TreeView控件加载 --------------------编程问答--------------------
引用 10 楼 am21100927 的回复:
TreeView控件加载

你有没有源代码? --------------------编程问答-------------------- 我一般使用treeview,菜单数据存储数据库中,动态读至treeview中,即绑定上。 --------------------编程问答-------------------- div的隐藏显示
http://www.open-open.com/ajax/Menu.htm --------------------编程问答-------------------- TreeView控件即可实现。
也可用后台代码实现


 StringBuilder sb = new StringBuilder();
            sb.Append("<td width=\"3\"><img src=\"Images/main_63.gif\" width=\"3\" height=\"28\"></td>");
            sb.Append("<td width=\"63\"><table width=\"62\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
            sb.Append("<tr>");
            sb.Append("<td height=\"20\" style=\"cursor: hand\" onmouseover=\"MouseOver(this);\" onmouseout=\"MouseOut(this);\">");
            sb.Append("<div id=\"" + sysurl + "\" align=\"center\" class=\"STYLE3\"");
            sb.Append("onclick=\"ShowSys(" + sysid + ",this)\">");
            sb.Append(sysname);
            sb.Append("</div></td></tr></table></td>");
            return sb.ToString();
--------------------编程问答-------------------- http://scriptlover.com/controls/main.html --------------------编程问答-------------------- 我这个简单啊!!用TreeView空间加载!
 protected void Page_Load(object sender, EventArgs e)
    {
        if(! this.IsPostBack){
            List<Category> list = new CategoryManager().FetchCategory();
            foreach(Category cg in list){
                TreeNode node = new TreeNode();
                node.Value = cg.Id.ToString();
                node.Text = cg.Name;
                node.NavigateUrl = "BookList.aspx?cateId="+cg.Id;
                TreeView1.Nodes.Add(node);
            }
            
        }

 List<Category> list = new CategoryManager().FetchCategory();
这里是我的业务层方法,当然楼主可以自定义一个集合。 --------------------编程问答--------------------
引用 16 楼 qwe751682337 的回复:
我这个简单啊!!用TreeView空间加载!
 protected void Page_Load(object sender, EventArgs e)
  {
  if(! this.IsPostBack){
  List<Category> list = new CategoryManager().FetchCategory();
  foreach(Category cg in l……

比如我也设置样式呢?在父类上面加背景图片,子类上面鼠标移过改变颜色!... --------------------编程问答-------------------- 你的需求本身就是一个树控件。
jQuery有很多树控件。样式自己设置就行了,跟普通的JS没有区别。 --------------------编程问答-------------------- jquery --------------------编程问答-------------------- 谁能告诉用jQuery动态创建的a标签怎么设置鼠标移过样式? --------------------编程问答-------------------- 不错。 --------------------编程问答-------------------- ajax  accordion控件 --------------------编程问答-------------------- 问题没有得到解决!!!NO Thanks! --------------------编程问答--------------------
引用楼主 weige003 的回复:
效果如下:
aaaa
bbbbb
bbbbb1
bbbbb2
bbbbb3
bbbbb4

ccccc
ddddd
点击bbbb出现展开下面的内容,再次点击收缩其内容!数据表是无限极分类。希望有源代码的可以贴出来,或发Email到scsuns520@163.com!万分感谢!!!!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="jquery-1.3.2.min.js" type="text/javascript" ></script>
<script>
$(function(){
$("#a").toggle(function(){
$(this).next().show();
},function(){
$(this).next().hide();
});
$("#b").toggle(function(){
$(this).next().show();
},function(){
$(this).next().hide();
});
});
</script>
<style>
#a1{ display:none}
#b1{ display:none}

</style>

</head>
<body>
<div id="a" >aaaaaaaaaaaaa</div>
<div id="a1" >aaaaaaaaaaaa1</div>
<div id="b" >bbbbbbbbbbbbb</div>
<div id="b1" >bbbbbbbbbbbb1</div>
</body>
</html>
--------------------编程问答-------------------- --------------------编程问答--------------------
引用 20 楼 weige003 的回复:
谁能告诉用jQuery动态创建的a标签怎么设置鼠标移过样式?

$("#a").mouseover(function(){
$("#a").css("css-name","css-value");
}).mouseout(function(){
$("#a").css("css-name","css-value2");
});
--------------------编程问答-------------------- --------------------编程问答-------------------- --------------------编程问答-------------------- js  效果    --------------------编程问答-------------------- .....
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,