How to render Ext.js tab panel to html div element
up vote
1
down vote
favorite
I am trying to render Ext.js tab panel to html div element.
tabpanel=Ext.create('Ext.tab.Panel',{
renderTo:,
items:[...]
}
My div element:
<div id="popup-content"></div>
In the place of renderTo property I tried with :
document.getElementById('popup-content')
Ext.getElementById('popup-content')
I even try to put only id tag 'popup-content'
Every time tab panel is rendered but it loses its functionality so I can't switch between tabs. When i try to render my tab with value of renderTo property set as:
Ext.getBody()
It works fine.
Any ides how to fix this?
javascript html extjs
asked Nov 19 at 8:21
Goran Grle
63
add a comment |
up vote
1
down vote
favorite
I am trying to render Ext.js tab panel to html div element.
tabpanel=Ext.create('Ext.tab.Panel',{
renderTo:,
items:[...]
}
My div element:
<div id="popup-content"></div>
In the place of renderTo property I tried with :
document.getElementById('popup-content')
Ext.getElementById('popup-content')
I even try to put only id tag 'popup-content'
Every time tab panel is rendered but it loses its functionality so I can't switch between tabs. When i try to render my tab with value of renderTo property set as:
Ext.getBody()
It works fine.
Any ides how to fix this?
javascript html extjs
asked Nov 19 at 8:21
Goran Grle
63
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I am trying to render Ext.js tab panel to html div element.
tabpanel=Ext.create('Ext.tab.Panel',{
renderTo:,
items:[...]
}
My div element:
<div id="popup-content"></div>
In the place of renderTo property I tried with :
document.getElementById('popup-content')
Ext.getElementById('popup-content')
I even try to put only id tag 'popup-content'
Every time tab panel is rendered but it loses its functionality so I can't switch between tabs. When i try to render my tab with value of renderTo property set as:
Ext.getBody()
It works fine.
Any ides how to fix this?
javascript html extjs
asked Nov 19 at 8:21
Goran Grle
63
I am trying to render Ext.js tab panel to html div element.
tabpanel=Ext.create('Ext.tab.Panel',{
renderTo:,
items:[...]
}
My div element:
<div id="popup-content"></div>
In the place of renderTo property I tried with :
document.getElementById('popup-content')
Ext.getElementById('popup-content')
I even try to put only id tag 'popup-content'
Every time tab panel is rendered but it loses its functionality so I can't switch between tabs. When i try to render my tab with value of renderTo property set as:
Ext.getBody()
It works fine.
Any ides how to fix this?
javascript html extjs
javascript html extjs
asked Nov 19 at 8:21
Goran Grle
63
asked Nov 19 at 8:21
Goran Grle
63
asked Nov 19 at 8:21
Goran Grle
63
asked Nov 19 at 8:21
Goran Grle
63
asked Nov 19 at 8:21
Goran Grle
63
63
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47
add a comment |
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53370740%2fhow-to-render-ext-js-tab-panel-to-html-div-element%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Seems like it works: fiddle.sencha.com/#view/editor&fiddle/2nqb Is there anything in console?
– beso9595
Nov 19 at 8:32
@beso9595 I have tried with you code also but it won't work, there is no output from console. I can't figure out where is the problem : , this is how my tab looks like but it isn't working inside popup ibb.co/gyvBUf
– Goran Grle
Nov 19 at 9:07
I think the problem is with rendering element inside map canvas, don't know why but I also don't know how to overcome it..
– Goran Grle
Nov 19 at 9:43
Link your fiddle again, post got deleted
– beso9595
Nov 20 at 6:47