在Javascript中控制ASP.Net树视图

时间:2010-02-20 12:31:24

标签: javascript asp.net treeview

当我点击父节点时,如何编写Javascript来展开和折叠TreeView的特定父级?

如果其中一个父节点被展开,那么如果我点击它就应该折叠;如果已经崩溃,反之亦然。

1 个答案:

答案 0 :(得分:3)

这很简单:

<ul id="tree">
    <li>
        <span class="title">Title</span>
        <ul>
            <li><span class="title">Item 1</span></li>
            <li><span class="title">Item 2</span></li>
            <li><span class="title">Another item</span>
                <ul>
                    <li><span class="title">another one</span></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

$(document).ready(function(){
    $('#tree span.title').click(function(){
        $(this).next().toggle();
    });
});

使用jQuery时。

Here is an example