如何在jsfiddle中创建一个面板?

时间:2013-03-06 18:09:48

标签: javascript extjs extjs4 jsfiddle

var layout = Ext.create('Ext.panel.Panel', {
    //renderTo: 'layout',
    width: 500,
    height: 500,
    //title: 'Border Layout', //no title will be blank
    layout: 'border',
    items: [{
            xtype: 'gmappanel',
            id : 'mygooglemap',
            gmapType: 'map',
            zoomLevel: 7,
            mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
            mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],  
            setCenter: {
                lat: 3.951941,
                lng: 102.052002,
            }
        }],
    renderTo: Ext.getBody() //get the body and display Layout at there
});

我有renderto身体,但仍然无法显示任何内容?

这是指向我的jsfiddle http://jsfiddle.net/anthor/Y4jP4/

的链接

1 个答案:

答案 0 :(得分:2)

宝贝迈着下巴,宝贝迈步。

修改代码以呈现panelhttp://jsfiddle.net/dbrin/tayua/

您在小提琴中选择了extjs库,然后通过资源链接再次包含该库。相反,您需要包含css资源。