javascript - 如何在 jsfiddle 中创建一个面板？

Question

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
});

我有rendertoBody 但仍然无法显示任何内容？

这是我的 jsfiddle http://jsfiddle.net/anthor/Y4jP4/的链接

Answer 1

小步秦野，小步。

修改了您的代码以呈现：http panel: //jsfiddle.net/dbrin/tayua/

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