extjs在hbox中的100%高度 [英] extjs 100% height in hbox
问题描述
我在extjs中是新的,只是在hbox设置中坚持动态(百分比)的高度。对不起,我可以在sencha小提琴上提供我的代码,所以我简化了我的问题,
这里是代码
Ext.application({
name:'Fiddle',
launch:function(){
Ext.create('Ext.Container ',{
width:100%,
height:200,
title:HBoxLayout Panel,
layout:{
type:'hbox'
align:'stretch'
},
renderTo:document.body,
items:[{
xtype:'panel',
title:'内部面板1',
flex:2
},{
xtype:'panel',
title:'Inner Panel Two',
flex:1
},{
xtype:'panel',
title:'Inner Panel Three',
flex:1
}]});}});
如何将容器的高度更改为100%,而不是静态像素值,如下所示案例200,
感谢大家
m / p>
所以我不认为使用布局合适,然后指定第二个容器高度到45%的工作。如果您对第二个容器使用固定的高度,那可能会起作用。但是我不认为%会做。
尝试第一个容器的另一个布局,也许锚点将按照您的期望工作。
以下是sencha布局的链接... http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html
编辑
嗯,这似乎根本不像你在编辑之前发布的帖子。尝试我建议的第一个代码。
如果我们使用你的实际代码,那么最好,但是你现在发布的这段代码... https://fiddle.sencha.com/#fiddle/3hg
I am new in extjs and just stuck on dynamic (percent) height in hbox setting. Sorry i could provide you my code on sencha fiddle, so i simplified my question,
here is code
Ext.application({
name : 'Fiddle',
launch : function() {
Ext.create('Ext.Container', {
width: "100%",
height: 200,
title: "HBoxLayout Panel",
layout: {
type: 'hbox',
align: 'stretch'
},
renderTo: document.body,
items: [{
xtype: 'panel',
title: 'Inner Panel One',
flex: 2
},{
xtype: 'panel',
title: 'Inner Panel Two',
flex: 1
},{
xtype: 'panel',
title: 'Inner Panel Three',
flex: 1
}]});}});
how i can change a height of container to be 100% and not static pixel value, as in this case 200,
Thanks everyone
As far as I'm concerned, an item contained in a view with fit layout, will fit its parent's container.
So I don't think using layout fit and then specifying the second container height to 45% will work. That may work though if you use a fixed height for the second container. But I don't think % will do.
Try another layout for the first container, maybe anchor will work as you expect.
Here's a link to sencha layouts... http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html
EDIT
Well, this doesn't seem at all like the post you posted before your edit. Try what I suggested for your first code.
It would be best if we used your actual code, but as for this code you posted now... https://fiddle.sencha.com/#fiddle/3hg
这篇关于extjs在hbox中的100%高度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!