A. 如何让echarts在extjs5中自适应大小
通js设置自适应
$(function(){
//自适应设置
width = $(window).width();
height = $(window).height();
//设置图表
$("#mainBar").css("width",width-40);
$("#mainBar").css("height",height-40);
//初始化图标
setEcharts();
});
$(window).resize(function() {
width = $(window).width();
height = $(window).height();
$("#mainBar").css("width",width-40);
$("#mainBar").css("height",height-40);
});
B. Extjs中高度自适应问题
我一般是用viewport,layout设为fit
C. ExtJs框架开发的弹出窗口问题
functioncreateWin(w,h,x,y){
varwin=Ext.create('Ext.window.Window',{
title:‘窗体标题’,
layout:'fit',//设置布局模式为fit，能让自适应窗体大小
modal:true,//打开遮罩层
height:300,//初始高度
width:300,//初始宽度
border:0,//无边框
frame:false,//去除窗体的panel框架
html:'<iframeframeborder=0width="100%"height="100%"allowtransparency="true"scrolling=autosrc="xxx.jsp"></iframe>'
});
win.setSize(w,h);//w为设置的宽度，h为设置的高度
win.setPosition(x,y);//x为设置的x坐标，y为设置的y坐标
win.show();//显示窗口
}
//由于是新建的模式窗口，所以会显示到最上层，不会被遮盖，下面为调用代码，在10，20的位置创建高宽都为500的模式窗体
createWin(500,500,10,20);如果有不懂的地方，欢迎追问，望采纳。本人长期从事extjs开发，如果您在开发过程中还有其他疑问，也欢迎提问
D. Extjs如何使用百分比设置高和宽
但最近发现使用 Extjs 进行窗口布局的时候发现有点不方便, 很难做到高度宽度自适应(根据浏览器大小的变化自动调整高度,宽度), 还有高度不能使用百分比只能用数字, 宽度虽然可以用百分比(anchor)但也只能用在字段中. Extjs 提供了另外的一个自适应的控件：Ext.Viewport , 使用这个控件可以将你的元素部署在 north, south, east, west, center 这五个地方来填充满你的整个页面, 其中你可以固定 north, south 的高度, east, west 的宽度, 其它的部分则可以根据浏览器的大小自动调整自己的大小, 但是有一个不方便的地方就是高度不能像我们操作 table 一样 设置为百分比, 这样就有一个问题, 当用户显示器的分辨率为 1024*768 或者是 1280*1024 或者是其他的时候显示会很不一样, 经过不断尝试, 找到一种可行的解决方法 view plain to clipboardprint? listeners: { 'resize': function( viewport, adjWidth, adjHeight, rawWidth, rawHeight ) { Ext.getCmp("southpanel").setHeight((document.body.clientHeight - 290) * 0.67); } } listeners: { 'resize': function( viewport, adjWidth, adjHeight, rawWidth, rawHeight ) { Ext.getCmp("southpanel").setHeight((document.body.clientHeight - 290) * 0.67); } }
浏览器改变大小会触发 viewport 的 resize 事件, 比如你将 north 的高度设置为 290, 那么你的 center 和 sorth 比例就为 33%, 67%,同理对于其他的控件也一样.
E. extjs:gridpanel 列宽如何自适应浏览器的宽度
只要有 layout : 'fit', 这个设置就可以自动适应窗口宽度。
关键是在你专的 columns 里 至少有一项必须设置 flex : 1
flex 说明一下，属它起着评分宽度的作用。
比如你的整个GRID 的宽度是 1000，列数有4个。
这时候3个列设置了 width : 300 ，剩余的一个设置 flex : 1 的话就会被分配成 宽度100.
满意请采纳，有问题请追问。
F. Extjs的组件tabpanel布局layout设置为fit自适应布局，但是高度如何设置为当前窗口所允许的最大高度呢
适应高度应该只能给高度然后按比例拿宽度了
G. 请问extjs 怎么设置下拉框宽度设置为自适应点击下拉框后宽度变大就行
下拉框增加一个下拉事件监听，下拉的时候把宽度加大：
new Ext.form.ComboBox({
//..其他配置
listeners : {
expand : function (){
this.view.setWidth(435);
this.list.setWidth(435);
}
},
})
H. ExtJs 中的tabPanel中如何加入gridPanel并且让它的宽高自适应求高手解答......
首先 你可能页面布局还是没弄懂
Viewport 可以放很多东西，包括panel
然后你再往panel里面放东西，你要放的是tabpanel
tabpanel里面可以放grid 还有其他的东西
但不管你怎么放，他们的布局方式都是border。
Viewport 里面放一个panel 例如在中间，那么他的panel里面就应该有region : 'center'，并且Viewport 里面layout : 'border'必不可少。
再往下推：
panel里面放一个tabpanel，这个tabpanel上面有一个grid下面有一个tool工具栏，
那么panel里面也必不可少layout : 'border'。那么里面的grid，还有tool工具栏指定他们的region就可以了
自适应问题你不用管，你只需要指定他们的位置，他们会自动适应。
如果你弄懂了layout:'border'这种排版方式，就不会出现宽高自适应的问题