ExtJs6.0.1往Viewport容器添加子容器报错

MLGKO 发布于 2016/02/20 13:42
阅读 1K+
收藏 0

我使用的是ExtJs6.0.1版本

下面代码是这样

Ext.onReady(function(){

function transTime() {

var dt = new Date();

var time = Ext.Date.format(dt, 'A');

if (time == 'AM') {

return '早上好,';

} else {

return '下午好,王子超';

}

}

var updateClock = function() {

var date = new Date();

var aWeek = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

Ext.getElementById('clock').text = "现在是"

+ Ext.Date.format(date, 'Y年m月d日 ' + aWeek[new Date().getDay()]

+ ' H时i分s秒');

}

var task = Ext.TaskManager.start({

run : updateClock,

interval : 1000

});

Ext.define('com.mfe.extjs.view.Title', {

extend : 'Ext.panel.Panel',

alias : 'widget.title',

html : 'ccc',

split : true,

bbar : [transTime(), '-', {

id : 'clock'

}, '->', {

text : '退出',

iconCls : 'icon-logout',

name : 'logout',

handler : function() {

document.location.href = "login.html";

}

}],

bodyStyle : 'backgroud-color:#99bbe8;line-height : 50px;padding-left:20px;font-size:22px;color:#000000;font-family:黑体;font-weight:bolder;'

+ 'background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,187, 232, 0.4) ), color-stop(50%, rgba(153, 187, 232, 1) ),color-stop(0%, rgba(153, 187, 232, 0.4) ) )'


});

Ext.create('Ext.container.Viewport', {

    layout: 'border',

    items: [{

    height : 80,

        region: 'north',

        xtype:'title'

    }, {

        region: 'west',

        collapsible: true,

        title: 'Navigation',

        width: 150

        // could use a TreePanel or AccordionLayout for navigational items

    }]

});

});

 只要这么写就会报错:Ext.ComponentManager.register(): Registering duplicate component id "clock"

Uncaught TypeError: Cannot read property 'dom' of null

如果我把

Ext.create('Ext.container.Viewport', {

    layout: 'border',

    items: [{

    height : 80,

        region: 'north',

        xtype:'title'

    }, {

        region: 'west',

        collapsible: true,

        title: 'Navigation',

        width: 150

        // could use a TreePanel or AccordionLayout for navigational items

    }]

});

改成

Ext.create('Ext.container.Viewport', {

    layout: 'border',

    items: [{

    height : 80,

        region: 'north',

        xtype:'title'

    }]

});这样就会没事,,请问大神这是因为什么啊!怎么解决啊 

加载中
0
贝拉巴拉
贝拉巴拉
凡是布局layout:'border'的,items中必须有region为center的组件
返回顶部
顶部