jQuery MiniUI

标题: outlookmenu控件不能正常显示 [打印本页]

作者: westlifeml 时间: 2012-12-7 15:01:34 标题: outlookmenu控件不能正常显示

在outlookmenu控件中textField，idField，parentField这3个属性都被我改成别的名称了
之后我使用了loadList这个方法，去读取一个ajax的返回结果，但是菜单没有显示正常。
最后我把返回结果放在一个txt文档中，菜单又显示正常。
希望能解答一下

作者: factory 时间: 2012-12-7 15:41:51

检查下你的ajax返回的时候是否错误，光这么看，无法看出问题

作者: westlifeml 时间: 2012-12-7 16:04:22

factory 发表于 2012-12-7 15:41
检查下你的ajax返回的时候是否错误，光这么看，无法看出问题

返回值是没有问题的，因为都解析出来了，但是只有text没有办法显示。

api中
loadList ( Array, idField, parentField ) 加载列表数据。比如：tree.loadList(list, "id", "pid")
没有设置text，是不是因为这个问题？

目前我换了个形式，使用了load ()方法，把url传过去，返回可以显示，但是loadList 怎么改都不行

作者: niko 时间: 2012-12-7 16:44:24

你把例子和数据简单贴出来，我们可以测试看看。

作者: westlifeml 时间: 2012-12-7 17:14:12

niko 发表于 2012-12-7 16:44
你把例子和数据简单贴出来，我们可以测试看看。

<div id="layout1" class="mini-layout" style="width:100%;height:100%;">

<div title="center" region="center" bodyStyle="overflow:hidden;">

<div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
   
   <div size="180" maxSize="250" minSize="100" showCollapseButton="true">

<div id="leftTree" class="mini-outlooktree" onnodeclick="onnodeclick"
   textField="menuText" idField="menuId" parentField="parentMenuId"></div>
   </div>
   
   <div showCollapseButton="false">

<div id="mainTabs" class="mini-tabs bg-toolbar" activeIndex="0" style="width:100%;height:100%;"
      bodyStyle="border:0;background:white;" contextMenu="#tabsMenu">
                              <div title="首页" url="" id="func01">
                                请点击右边菜单选择相应功能
                              </div>
</div>
   </div>
   </div>
   </div>
</div>
<script type="text/javascript">
mini.parse();
$(document).ready(function()
{
var leftTree = mini.get("leftTree");
var data = [  {menuId: "purchaseManage", menuText: "采购管理"},
{menuId: "purchasePlan", menuText: "采购询价" , parentMenuId: "purchaseManage"},
{menuId: "sysPage/Purchase/AutoPurchasePlan_jsp", menuText: "自动制单" , parentMenuId: "purchasePlan"},
{menuId: "sysPage/Purchase/ArtificialPurchasePlan_jsp", menuText: "手动制单" , parentMenuId: "purchasePlan"}];
leftTree .loadList(mini.decode(data),"menuId","parentMenuId");
});

</script>

其实就是把textField，idField，parentField先改成别的名称，然后把本来是txt中的内容放到后台再传到前台而已。

作者: niko 时间: 2012-12-7 17:28:15

是文本没显示出来把。
经测试是一个BUG，已修复，下周提供下载。

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