设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › WEB开发 › JAVA讨论 › 在JSP页面中引用tabs遇到的问题
返回列表 发新帖
查看: 2936|回复: 4
打印 上一主题 下一主题

在JSP页面中引用tabs遇到的问题 [复制链接]

lanye1025

Rank: 1
跳转到指定楼层
楼主
发表于 2015-12-21 11:49:03 |只看该作者 |倒序浏览
最近在学习miniUI的使用，自己用s2sh搭了一个框架，把miniUI引入了进来，系统登录之后转到一个jsp页面，引入了miniui.js和miniui.css，创建了一个"class=mini-layout"的div作为界面，也就是带选项卡功能的那种，在Splitter的右侧部分引入了一个tab，<div title="帮助文档" url="../../html/help.html"></div>

路径写的没有问题，按control可以链接到，但是工程部署启动之后，进去会显示如下情况：

资源不可用，但是不清楚为何不可用，是在jsp中不能使用这种选项卡么？希望各位清楚的给个回复，万分感谢！
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

dforce

Rank: 8Rank: 8
沙发
发表于 2015-12-21 13:17:27 |只看该作者
写 的很清楚，404，你的路径不对，页面没找到

举报

lanye1025

Rank: 1
板凳
发表于 2015-12-21 13:48:09 |只看该作者
dforce 发表于 2015-12-21 13:17
写 的很清楚，404，你的路径不对，页面没找到

非常感谢收到回复，资源目录如下：

ran'hou代码如下
  1. <head>
  2. <title>首页</title>
  3. <!--jQuery js-->
  4. <script src="../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
  5. <!--MiniUI-->
  6. <link href="../scripts/miniui/themes/default/miniui.css"
  7.         rel="stylesheet" type="text/css" />
  8. <script src="../scripts/miniui/miniui.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10.         mini.parse();

  12.         function showTab(node) {
  13.             var tabs = mini.get("mainTabs");

  15.             var id = "tab$" + node.id;
  16.             var tab = tabs.getTab(id);
  17.             if (!tab) {
  18.                 tab = {};
  19.                 tab.name = id;
  20.                 tab.title = node.text;
  21.                 tab.showCloseButton = true;

  23.                 //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
  24.                 tab.url = mini_JSPath + "../../docs/api/" + node.id + ".html";

  26.                 tabs.addTab(tab);
  27.             }
  28.             tabs.activeTab(tab);
  29.         }
  30.         function onItemClick(e) {        
  31.             var item = e.item;
  32.             var isLeaf = e.isLeaf;

  34.             if (isLeaf) {
  35.                 showTab(item);
  36.             }            
  37.         }
  38.     </script>
  39. </head>

  41. <body>
  42.         <!--Layout-->
  43.         <div id="layout1" class="mini-layout" style="width:100%;height:100%;">
  44.                 <div class="header" region="north" height="140" showSplit="false"
  45.                         showHeader="false">
  46.                        
  47.                 </div>
  48.                 <div title="south" region="south" showSplit="false" showHeader="false"
  49.                         height="30"></div>
  50.                 <div title="center" region="center" bodyStyle="overflow:hidden;">
  51.                         <!--Splitter-->
  52.                         <div class="mini-splitter" style="width:100%;height:100%;"
  53.                                 borderStyle="border:0;">
  54.                                 <div size="180" maxSize="250" minSize="100"
  55.                                         showCollapseButton="ture">
  56.                                         <!--OutlookTree-->
  57.                                         <div id="leftTree" class="mini-outlooktree"
  58.                                                 url="../../../data/outlooktree.txt" onnodeselect="onNodeSelect"
  59.                                                 textField="text" idField="id" parentField="pid"></div>
  60.                                 </div>
  61.                                 <div showCollapseButton="false">
  62.                                         <!--Tabs-->
  63.                                         <div id="mainTabs" class="mini-tabs bg-toolbar" activeIndex="0"
  64.                                                 style="width:100%;height:100%;"
  65.                                                 bodyStyle="border:0;background:white;">
  66.                                                 <div title="帮助文档" url="../../html/help.html"></div>
  67.                                         </div>
  68.                                 </div>
  69.                         </div>
  70.                 </div>
  71.         </div>
  72. </body>
  73. </html>
复制代码
接着就是如下显示

请多多指教，谢谢！
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

dforce

Rank: 8Rank: 8
地板
发表于 2015-12-21 14:12:09 |只看该作者
lanye1025 发表于 2015-12-21 13:48
非常感谢收到回复，资源目录如下：

ran'hou代码如下

不要放在WEB-INF文件夹下面
这个文件夹下的文件有安全限制

举报

lanye1025

Rank: 1
5#
发表于 2015-12-21 14:26:46 |只看该作者
dforce 发表于 2015-12-21 14:12
不要放在WEB-INF文件夹下面
这个文件夹下的文件有安全限制

成功解决，万分感谢！

举报

返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-11-23 12:15 , Processed in 1.023926 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部