Layout ExtJS hbox布局的边界问题
我试图在ExtJS中使用Hbox和Vbox开发一个简单的布局。但在两个框中(请参见快照中的关系框和缩写框),并没有随机显示边框。我找不到任何理由。如果可能的话,请帮助我。我在这里给我的屏幕截图和代码快照 屏幕截图 代码Layout ExtJS hbox布局的边界问题,layout,extjs4,border,hbox,Layout,Extjs4,Border,Hbox,我试图在ExtJS中使用Hbox和Vbox开发一个简单的布局。但在两个框中(请参见快照中的关系框和缩写框),并没有随机显示边框。我找不到任何理由。如果可能的话,请帮助我。我在这里给我的屏幕截图和代码快照 屏幕截图 代码 Ext.define('EzRE.view.Viewport', { extend : 'Ext.container.Viewport', requires : ['EzRE.view.DashBoard'], getOneSectionLayout:function(titl
Ext.define('EzRE.view.Viewport', {
extend : 'Ext.container.Viewport',
requires : ['EzRE.view.DashBoard'],
getOneSectionLayout:function(title,isFirst){
var margin = null;
if(isFirst)
{
margin = "10px 10px 10px 10px";
}
else
{
margin = "10px 10px 10px 0px";
}
return{
xtype:'panel',
height:'100%',
flex:1,
style:{
"margin":margin
},
title:title
};
},
getMainLayout:function(title,items){
return{
xtype:'panel',
flex:1,
width:'100%',
title:title,
border:false,
layout:{
type:'hbox',
align:'middle',
pack:'center'
},
items:items
};
},
initComponent:function(){
this.layout={
type:'vbox'
};
var NLP_SEC_ITEMS = [this.getOneSectionLayout('Section Header',true),
this.getOneSectionLayout('Abbrivation',false),
this.getOneSectionLayout('Nagation',false),
this.getOneSectionLayout('Head Rule',false),
this.getOneSectionLayout('Relationship',false),
this.getOneSectionLayout('Overlap',false)];
var KNOWLEDGE_SEC_ITEMS = [this.getOneSectionLayout('Precision Analysis',true),
this.getOneSectionLayout('Recall Analysis W/O Annotation',false),
this.getOneSectionLayout('Recall Analysis With Annotation',false)];
var CODE_SEC_ITEMS = [this.getOneSectionLayout('Code Rule Engine',true),
this.getOneSectionLayout('Code DRG Analysis',false),
this.getOneSectionLayout('Code Associan Analysis',false)];
this.items = [this.getMainLayout('NLP', NLP_SEC_ITEMS),
this.getMainLayout('Knowledge', KNOWLEDGE_SEC_ITEMS),
this.getMainLayout('Code', CODE_SEC_ITEMS)];
this.callParent(arguments);
}
})) 我尝试了你的代码,但我无法复制你的问题。如果有任何特殊情况,请在这里提及。谢谢@NareshTank。非常感谢您的时间,但没有任何特殊情况。我每次都收到相同的问题,但可能是一些浏览器问题。但是,是的,我通过将所有布局代码放在单独的名为“Dashboard”的面板中,并通过xtype:“Dashboard-panel”在视口中使用它,解决了这个问题。不知道怎么做??:(