1. 爱易网页
  2. ASP.NET教程
  3. 有关上拉树菜单JS样式

有关上拉树菜单JS样式

日期：2014-05-17　 浏览次数：20482 次

有关下拉树菜单JS样式
HTML code

<body>
    <form id="form1" runat="server">
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <div id="main1" onclick="document.getElementById('child1').style.display=(document.getElementById('child1').style.display =='none')?'':'none'">
                <%#Eval("btype") %>
                <asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Eval("bid") %>' />
            </div>
            <div id="child1" style="display: none">
                <ul>
                    <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <li><a href="#">
                                <%#Eval("type") %></a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </ItemTemplate>
    </asp:Repeater>
    </form>
</body>


现在的问题是不管点repeater循环出来的哪个<%#Eval("btype") %>都只显示第一个<%#Eval("btype") %>的子节点DIV。。

请问如何设置onclick事件点哪个<%#Eval("btype") %> 就显示相应的 子节点的DIV.


------解决方案--------------------
<script type="text/javascript">
function expand(obj) {
var id = obj.parentElement.id;
//alert(id);
var divs = document.getElementById(id).getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (divs[i].id == "child1") {
divs[i].style.display = (divs[i].style.display == 'none') ? '' : 'none';
break;
}
}
}
</script>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div id="diva" runat="server"> <div id="main1" onclick="expand(this);">
type
</div>
<div id="child1" style="display: none;">
<ul>
<asp:Repeater ID="Repeater2" runat="server">
<ItemTemplate>
<li><a href="#">type</a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
------解决方案--------------------
<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div id="main1" onclick="document.getElementById('child<%#Eval("bid") %>').style.display=(document.getElementById('child1').style.display =='none')?'':'none'">
<%#Eval("btype") %>
<asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Eval("bid") %>' />
</div>
<div id="child<%#Eval("bid") %>" style="display: none&qu

相关资料更多>

  1. (100分等牛人)有关在线考试系统题面显示,该怎么解决
  2. IIS7中URLRewrite的配置有关问题
  3. 在C#中导入WebBrowser控件,生成具有强名称的程序集
  4. 请问三层架构中网站的公共函数库应该建在哪里啊
  5. 怎么在javascript中获取ajax控件tabcontainer的哪个标签被选中
  6. 200分，请高人说明白，以下有关问题“特性（Attribute）在实际开发中有用”“什么是滥用反射。”“反射＋特性，有什么实际用处。”，请注意
  7. a标签的上载有关问题
  8. 施用用户登录IP比较数据库中该用户IP时出错~大神速来~
  9. DataGrid中使用链接下载，当下载文件是IE能直接读的，要强制下载，求一方法,C#代码。该如何解决