查看: 2565|回复: 3

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

sunchensunchen

新手上路

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

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

收藏0