jQuery MiniUI

标题: php+mysql后台传出的json数据menubar如何接收？？ [打印本页]

作者: carboncocoa 时间: 2012-5-30 23:11:41 标题: php+mysql后台传出的json数据menubar如何接收？？

如题
最近用thinkphp框架做个系统
感觉miniui不错，想用她做个前段
想用demo里那个menubar
现在遇到个问题
      <ul id="menu1" class="mini-menubar" style="width:100%;"
         url="listTree.txt"
         textField="text" idField="id" parentField="pid"
      >
      </ul>
这里接收json数据流的用的url=""
但是现在我在后台已经处理出了json数据，存在变量里
怎么才能直接使用我的变量接收数据初始化菜单？
不通过URL
难道必须通过变量输出一个文件？
对js什么的不熟悉

作者: carboncocoa 时间: 2012-5-31 01:28:01

自己解决了
用print_r才行。。。

不过还有个新的问题
自己生成的动态数据
只要格式稍有差别
就无法显示？？

构造这样的数据列表更繁琐。。。

作者: niko 时间: 2012-5-31 09:11:38

miniui现在提供php后台版本了。
你下载php版本看看我们是如何实现JSON处理的。

作者: carboncocoa 时间: 2012-5-31 11:29:32

niko 发表于 2012-5-31 09:11
miniui现在提供php后台版本了。
你下载php版本看看我们是如何实现JSON处理的。 ...

你没看我1楼回的么
我自己已经解决了标题提问的问题
但是有新问题

另外我在本地浏览MENUBAR没问题
但是在服务器上
页面最上方莫名其妙多出个空行，在IE下菜单下面多出一条线。。。

作者: niko 时间: 2012-5-31 11:37:12

请把截图贴上来。
说明是什么浏览器和版本号。
另外，如果示例经过修改，请贴出修改后的代码。

作者: carboncocoa 时间: 2012-5-31 12:17:43

[attach]134[/attach]
浏览器为搜狗3.1  兼容模式（IE7内核）
上图为本地示例
[attach]135[/attach]
这个图是服务器上截图，浏览器同
本来是没改代码的，后来做测试改的乱七八糟了

只贴BODY部分，其他没问题
<body>
<div id="layout1" class="mini-layout" style="width:100%;height:100%;">
<div class="header" region="north" height="70" showSplit="false" showHeader="false"
      bodyStyle="overflow:hidden"
>
      <div style="height:40px;line-height:40px;padding-left:15px;font-family:Tahoma;font-size:16px;font-weight:bold;">
         下拉菜单（顶部）
      </div>
      <ul id="menu1" class="mini-menubar" style="width:100%;"
      url="__URL__/printjson"  onitemclick="onItemClick"
         textField="text" idField="id" parentField="pid"
      >
      </ul>
</div>
<div title="south" region="south" showSplit="false" showHeader="false" height="30" >
      <div style="line-height:28px;text-align:center;cursor:default">Copyright © 上海普加软件有限公司版权所有 </div>
</div>
<div title="center" region="center" bodyStyle="overflow:hidden;">
      
      <div id="mainTabs" class="mini-tabs bg-toolbar" activeIndex="0" style="width:100%;height:100%;"
         bodyStyle="border:0;background:white;"
      >
         <div title="首页" url="./indexl" >
         </div>
         <div title="子页面关闭" url="./index" >
         </div>
      </div>
</div>
</div>
<script type="text/javascript">
      mini.parse();
      function showTab(node) {
         var tabs = mini.get("mainTabs");

         var id = "tab$" + node.id;
         var tab = tabs.getTab(id);
         if (!tab) {
            tab = {};
            tab.name = id;
            tab.title = node.text;
            tab.showCloseButton = true;

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

            tabs.addTab(tab);
         }
         tabs.activeTab(tab);
      }

      function onItemClick(e) {
         var item = e.item;
         var isLeaf = e.isLeaf;

         if (isLeaf) {
            showTab(item);
         }
      }
</script>
</body>

作者: carboncocoa 时间: 2012-5-31 12:18:48

另外下面的版本信息在服务器上莫名其妙的没有了

作者: niko 时间: 2012-5-31 13:51:21

你高度没对齐。
注意一下就可以了。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)