我有一个有三个框架的网络应用程序(横幅,菜单,内容) 菜单框架需要有一个动态的汇总菜单 例如:
+ Teachers
- Create
- Edit
- Delete
+ Schools
- Create
- Edit
- Delete
- View Staff
+ Classrooms
- Create
- Edit
- Delete
如果您点击+或“学校”,它将隐藏/取消隐藏其下的项目。 用户登录后,需要根据用户组和角色动态绘制菜单。 某些用户可能只被授权查看
+ Classrooms
-Edit
一些用户会看到一切。
是否有任何人使用的内置或插件可以提供我需要的框架?
答案 0 :(得分: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>
答案 1 :(得分:1)
也许在这里(对于django):
http://www.google.pl/search?q=django+tree+menu
在这里(对于js)
http://www.google.pl/search?q=javascript+tree+menu
或者更好(jQuery)
http://www.google.pl/search?q=jquery+tree+menu
无论如何,对于简单的情况,它不太难以制作你自己的impl。