Django 收起(可折叠)菜单

4 投票
2 回答
3420 浏览
提问于 2025-04-17 01:37

我有一个网页应用,里面有三个部分(横幅、菜单、内容)。

菜单部分需要有一个动态的下拉菜单。

举个例子:

+ Teachers
  - Create
  - Edit
  - Delete

+ Schools
  - Create
  - Edit
  - Delete
  - View Staff

+ Classrooms
  - Create
  - Edit
  - Delete

如果你点击“+”或者“学校”,它就会隐藏或显示下面的选项。

这个菜单需要在用户登录后,根据用户的组别和角色动态生成。

有些用户可能只能看到

+ Classrooms
  -Edit 

而有些用户则能看到所有内容。

有没有什么现成的工具或者插件可以帮助我实现这个功能呢?

2 个回答

1

也许你可以在这里找到一些关于Django的资料:http://www.google.pl/search?q=django+tree+menu
还有这里是关于JavaScript的:http://www.google.pl/search?q=javascript+tree+menu
或者更好的选择是这里,关于jQuery的:http://www.google.pl/search?q=jquery+tree+menu

总之,对于简单的情况,自己做一个也不是太难。

7

这里有一个简单的实现,使用了jQuery这个工具:

<div id="menu">
    <a>Teachers</a><br />
    <div style="display: none">
        <a href="">Edit</a><br />
        <a href="">Delete</a><br /> 
    </div>
    <a>Schools</a><br />
    <div style="display: none">
        <a href="">Edit</a><br />
        <a href="">Delete</a><br /> 
    </div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$('#menu > a').click(function(){
    $(this).next().next().slideToggle();
    return false;
});
</script>

撰写回答