首页3导航改造问题。

boolean

我的需求是，将首页3的导航栏 做为在首页选项前面加一个下拉框选择，里面的值为所有的一级导航节点。选择相应的值 首页选项右边将其下一级的子节点显示在导航条中。
请帮帮忙。急！！！
例：假如config配置文件中的配置是这样
管理平台
    人事管理 下面是功能
    项目管理
采购平台
   客服管理
   资源管理
数据中心
   .......

在首页3 默认显示显示为
logo                                                          设置 ...
下拉框            首页              
管理平台
采购平台
数据中心

当下拉框选择采购平台时：
logo                                                          设置 ...
采购平台            首页              客服管理           资源管理
管理平台
数据中心

zhaixin

你好楼主，这个问题需要我做一个例子给你，所以会花费较长时间，请你耐心等待，我完成后会第一时间将例子发上来的，谢谢！

boolean

zhaixin 发表于 2014-3-5 09:02
你好楼主，这个问题需要我做一个例子给你，所以会花费较长时间，请你耐心等待，我完成后会第一时间将例子发 ...

恩 好的 谢谢

zhaixin

修改 /UI/portal2/process/portal/components/all3.js 文件中的
        ScrollBar.prototype = {
                init
方法
                        this.el.empty();
                        this.el.append('<a class="prev icon icon-system-left-open" href="#"></a>');
                        this.el.append('<a class="next icon icon-system-right-open" href="#"></a>');
                        //在首页标签的位置，增加一级菜单
                        this.el.append('<div class="wrap"><ul class="fixed"><li class="topDir" style="float:left"></li></ul><div class="other"><ul></ul></div></div>');

                        this.fixedULEl = $('.fixed', this.el);
                        this.ulEl = $('.wrap .other ul', this.el);
                        this.ulEl.disableSelection();
                        //初始化一级菜单
                        this.topDir = $('.topDir', this.el);
                        var select = $("<select></select>");
                        this.items.each(function(item){
                                if(!item.fixed){
                                        option = $("<option value='"+item.index+"'>"+item.label+"</option>");
                                        select.append(option);
                                }
                        });
                        select.click((function(items){
                                return function(){
                                        me.ulEl.empty();
                                        var dirIndex = parseInt($(this).val()) + 1;
                                        $.each(items[dirIndex].childNodes, function(i,item){      
                                                me.doAdd(item);
                                        });  
                                };        
                        })(this.items.items));
                        this.topDir.append(select);
                        //初始化首页标签
                        this.items.each(function(item){
                                if(item.fixed)
                                        me.doAdd(item);
                        });
                        //重新计算一级菜单下拉框和首页标签的宽度
                        $('.wrap .other', this.el).css({marginLeft: this.fixedULEl.width()});

                        //屏蔽原来的初始化一级目录
                        /*this.items.each(function(item){
                                if(!item.fixed)
                                        me.doAdd(item);
                        });*/

all3.js (75.39 KB, 下载次数: 229)

2014-3-6 11:03 上传

点击文件名下载附件

boolean

zhaixin 发表于 2014-3-6 11:01
修改 /UI/portal2/process/portal/components/all3.js 文件中的
        ScrollBar.prototype = {
         ...

本来是打算把下拉框做到导航里，后来我自己写到了logo有下角。如图

谢谢你，你的写法对我也有很大的帮助。