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'這種排版方式，就不會出現寬高自適應的問題