jQuery MiniUI

标题: 如何动态生成左边导航栏 [打印本页]

作者: sunchensunchen 时间: 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代码确实已经加入到其中但却显示不出来效果

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

作者: sunchensunchen 时间: 2013-6-28 15:19:22

求解～～～有劳大神指导下

作者: felt 时间: 2013-6-28 16:06:42

求解～～～

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

作者: sunchensunchen 时间: 2013-6-30 16:42:33

felt 发表于 2013-6-28 16:06
http://www.miniui.com/demo/outlookmenu/outlookmenu.html
参考下我们的demo做吧。
你要动态加载的话可以 ...

好的谢谢～！

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