jQuery MiniUI

 找回密码
 立即注册
查看: 2460|回复: 3
打印 上一主题 下一主题

如何动态生成左边导航栏 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2013-6-28 10:47:27 |只看该作者 |倒序浏览
本帖最后由 sunchensunchen 于 2013-6-28 15:13 编辑

左侧导航栏html代码
<div title="west" region="west" width="200" expanded="true" showSplitIcon="true"></div>

想实现点击不同的按钮左侧导航栏也跟着一切变化
按钮html代码:
<a class="mini-button mini-button-iconTop" iconCls="icon-edit"  plain="true" id="m1">首页</a>

点击事件js代码
function onClick(e) {
                var $m = $(this);
                var mn = $m.prop('id');
               
                var module = '<div id="leftTree" class="mini-outlookmenu" url="data/outlookmenu.txt" idField="id" parentField="pid" textField="text" borderStyle="border:0"></div>';
               
                if(mn == 'm1'){
                        alert(mn);
                        $('.mini-layout-region-west .mini-layout-region-body').empty();
                        $('.mini-layout-region-west .mini-layout-region-body').append(module);
                        //mini.parse();
                        alert(mn);
                }

}

alert(mn)正常显示m1 在浏览器下查看module代码确实已经加入到其中 但却显示不出来效果


哪位大神可以帮下忙~~~灰常感谢

Rank: 1

沙发
发表于 2013-6-28 15:19:22 |只看该作者
求解~~~ 有劳大神指导下

Rank: 8Rank: 8

板凳
发表于 2013-6-28 16:06:42 |只看该作者
求解~~~

http://www.miniui.com/demo/outlookmenu/outlookmenu.html
参考下我们的demo做吧。
你要动态加载的话可以设置outlookmenu的url.

Rank: 1

地板
发表于 2013-6-30 16:42:33 |只看该作者
felt 发表于 2013-6-28 16:06
http://www.miniui.com/demo/outlookmenu/outlookmenu.html
参考下我们的demo做吧。
你要动态加载的话可以 ...

好的 谢谢~!

Archiver|普加软件

GMT+8, 2024-11-2 01:27 , Processed in 1.032038 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部