Sharepoint2013 webpart 使用Jquery+json数据实现的菜单。
把代码块1 复制到txt 里单击后缀名字为js such as xxx.js. 把此文件上传的文档库。右键--文件完全URL
在Sharepoint2013 里创建 一个webart 内容编辑器--编辑webpart --在content Link--单击浏览 把上面的URL复制进去。
js文件和样式文件需要去网上下载一下。
- <script src="../lib/jquery.js" type="text/javascript"></script>
- <script src="../lib/jquery.cookie.js" type="text/javascript"></script>
- <script src="../jquery.treeview.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("#navigation").treeview({
- persist: "location",
- collapsed: true,
- unique: true
- });
- });
- </script>
- <ul id="navigation">
- <li><a href="?1">Item 1</a>
- <ul>
- <li><a href="?1.0">Item 1.0</a>
- <ul>
- <li><a href="?1.0.0">Item 1.0.0</a></li>
- </ul>
- </li>
- <li><a href="?1.1">Item 1.1</a></li>
- <li><a href="?1.2">Item 1.2</a>
- <ul>
- <li><a href="?1.2.0">Item 1.2.0</a>
- <ul>
- <li><a href="?1.2.0.0">Item 1.2.0.0</a></li>
- <li><a href="?1.2.0.1">Item 1.2.0.1</a></li>
- <li><a href="?1.2.0.2">Item 1.2.0.2</a></li>
- </ul>
- </li>
- <li><a href="?1.2.1">Item 1.2.1</a>
- <ul>
- <li><a href="?1.2.1.0">Item 1.2.1.0</a></li>
- </ul>
- </li>
- <li><a href="?1.2.2">Item 1.2.2</a>
- <ul>
- <li><a href="?1.2.2.0">Item 1.2.2.0</a></li>
- <li><a href="?1.2.2.1">Item 1.2.2.1</a></li>
- <li><a href="?1.2.2.2">Item 1.2.2.2</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="?2">Item 2</a>
- <ul>
- <li><span>Item 2.0</span>
- <ul>
- <li><a href="?2.0.0">Item 2.0.0</a>
- <ul>
- <li><a href="?2.0.0.0">Item 2.0.0.0</a></li>
- <li><a href="?2.0.0.1">Item 2.0.0.1</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="?2.1">Item 2.1</a>
- <ul>
- <li><a href="?2.1.0">Item 2.1.0</a>
- <ul>
- <li><a href="?2.1.0.0">Item 2.1.0.0</a></li>
- </ul>
- </li>
- <li><a href="?2.1.1">Item 2.1.1</a>
- <ul>
- <li><a href="?2.1.1.0abc">Item 2.1.1.0</a></li>
- <li><a href="?2.1.1.1">Item 2.1.1.1</a></li>
- <li><a href="?2.1.1.2">Item 2.1.1.2</a></li>
- </ul>
- </li>
- <li><a href="?2.1.2">Item 2.1.2</a>
- <ul>
- <li><a href="?2.1.2.0">Item 2.1.2.0</a></li>
- <li><a href="?2.1.2.1">Item 2.1.2.1</a></li>
- <li><a href="?2.1.2.2">Item 2.1.2.2</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="?3">Item 3</a>
- <ul>
- <li class="open"><a href="?3.0">Item 3.0</a>
- <ul>
- <li><a href="?3.0.0">Item 3.0.0</a></li>
- <li><a href="?3.0.1">Item 3.0.1</a>
- <ul>
- <li><a href="?3.0.1.0">Item 3.0.1.0</a></li>
- <li><a href="?3.0.1.1">Item 3.0.1.1</a></li>
- </ul>
- </li>
- <li><a href="?3.0.2">Item 3.0.2</a>
- <ul>
- <li><a href="?3.0.2.0">Item 3.0.2.0</a></li>
- <li><a href="?3.0.2.1">Item 3.0.2.1</a></li>
- <li><a href="?3.0.2.2">Item 3.0.2.2</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。