Quería extJS Gmappanel dentro del portal extJs. A continuación se muestra el ejemplo del portal extJS. Dentro del portlet "google", necesito tener un mapa de google.extJs gmappanel dentro del portal extJs
¿Cómo podemos crear extJs gmappanel dentro del portal extJs?
Ext.define('Ext.app.Portal', {
extend: 'Ext.container.Viewport',
uses: ['Ext.app.PortalPanel', 'Ext.app.PortalColumn', 'Ext.app.GridPortlet', 'Ext.app.ChartPortlet'],
getTools: function(){
return [{
xtype: 'tool',
type: 'gear',
handler: function(e, target, panelHeader, tool){
var portlet = panelHeader.ownerCt;
portlet.setLoading('Working...');
Ext.defer(function() {
portlet.setLoading(false);
}, 2000);
}
}];
},
initComponent: function(){
var content = '<div class="portlet-content">'+Ext.example.shortBogusMarkup+'</div>';
Ext.apply(this, {
id: 'app-viewport',
layout: {
type: 'border',
padding: '0 5 5 5'
},
items: [{
id: 'app-header',
xtype: 'box',
region: 'north',
height: 70,
html: 'Dimestore Reports'
},{
xtype: 'container',
region: 'center',
layout: 'border',
items: [
{
id: 'app-portal',
xtype: 'portalpanel',
region: 'center',
items: [
{
id: 'col-1',
items: [
{
id: 'portlet-1',
title: 'google',
tools: this.getTools(),
items: {}, //I want ExtJs Form here.
listeners: {
'close': Ext.bind(this.onPortletClose, this)
}
},
{
id: 'portlet-2',
title: 'grid',
tools: this.getTools(),
html: content,
listeners: {
'close': Ext.bind(this.onPortletClose, this)
}
}
]
}]
}]
}]
});
this.callParent(arguments);
},
onPortletClose: function(portlet) {
this.showMsg('"' + portlet.title + '" was removed');
},
showMsg: function(msg){
var el = Ext.get('app-msg'),
msgId = Ext.id();
this.msgId = msgId;
el.update(msg).show();
Ext.defer(this.clearMsg, 3000, this, [msgId]);
},
clearMsg: function(msgId) {
if (msgId === this.msgId) {
Ext.get('app-msg').hide();
}
}
});
por favor ayuda
gracias
no sé cómo agregar gmappanel – Amit
he añadido en ext.require 'Ext.ux.GMapPanel' en portal.html y http://pastebin.com/yPmBi4cp este código en portal.js pero no funcionará – Amit