2 zm8859001 zm8859001 于 2016.04.15 15:09 提问

Extjs 隐藏左边 菜单右边 tabpanel 里面的gridpanel不自适应宽度

如图所示:图片说明

代码如下
// 单击菜单,右边tabpanel 添加一个grid显示数据
var pl = new Ext.Panel({
id : node.attributes.id,
title : node.attributes.text,
border : false, // 边框
autoScroll : true, // 自动滚动条
closable : true, // 关闭选项
layout : 'fit', // 布局样式
frame : true,
region : 'center', // 中间位置
sidebarChange : false,
iconCls : 'users', // 图标样式

autoLoad : {
url : node.attributes.url,
scripts : true,
discardUrl : true,
nocache : true,
sidebarChange:false,//用于控制
text : "页面加载中,请稍候……"
}
// listeners : {
// activate : function(me, eOpts) {
// if (me.sidebarChange) {
// me.sidebarChange = false;
// me.loader.load();
//
// }
// center.setActiveTab(me); // 设置默认标签
// }
// }
});
center.add(pl);
center.setActiveTab(pl); // 设置默认标签

                grid的页面代码
                var editorGrid10 = new Ext.grid.EditorGridPanel({
id : 'editorGrid10',
frame : false, // 边框的样式,是否显示
border : false, // 是否显示边框,页面显示的效果
layout : 'fit', //布局样式
height : 450,
autoWidth : true, // 是否自动扩充宽度
//width:document.body.getComputedWidth()-100,
store : gStore, // 填充store
sm : enditsm10, // 用于显示复选框,必加,去掉该项的话列将变成单选框模式
cm : cModel10, // grid可编辑列模型,colModel简写
renderTo : Ext.get('tt'), // 表格所在的位置
autoExpandColumn : true, // 自动占满剩余空列
loadMask : {
    // 表示为当grid加载过程中,会有一个Ext.LoadMask的遮罩效果。默认为false。
    msg : '正在加载数据,请稍后!'
},
autoScroll : true, // 自动滚动条
autoEncode : true, // True表示为对任何值和任何后来输入的值都要自动HTML编码或解码
bbar : editbbarpadding10, // 面板下方的工具栏
.......后面代码省略
});


求教各路大神!

1个回答

M_200
M_200   2016.04.15 18:56

查ext api吧,应该是有地方没有设置吧 http://docs.sencha.com/extjs/4.1.3/#!/example

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
导航面板[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
PS:今天上午,非常郁闷,有很多简单基础的题问搞得我有些迷茫,哎,代码几天不写就忘。目前又不当COO,还是得用心记代码哦!     一.题问:     ExtJS4应用border布局,边左为accordion布局的功能导航菜单,发明当导航菜单面板缩收开展时,边右选项卡面板(TabPanel)中的grid等面板度宽并没有动自变更。     二.处理方案:     1.在新增选项卡中配置一个
ext Ext.grid.ColumnModel自适应宽度去除右边空白
列自适应玩了以后发现右边有一列空白,加上scrollOffset: 0//去除最右边空白  grid = new Ext.grid.EditorGridPanel({ region:"center", loadMask:true, store:pageStore, cm:columns, autoScroll :false, sm:new Ext.grid.RowSelect
解决extjs grid 不随窗口大小自适应的问题
最近遇到的问题,在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句 问题就解决了,效果图   拖大后的效果 添加的语句: Ext.EventManager.onWindowResize(function(){ grid1.getView().refresh() }) 参看完整代码; grid
Ext.TabPanel选项卡初始化后添加Ext.grid.gridPanel组件
想写一个布局的页面,其中用到了tabpanel,想在选项卡中添加一个gridpanel表格,但不想在tabpanel初始化的时候写在items里面。 因为初学,并不知该如何实现,上网找了找也没找到相关的例子。没办法,只好去查api文档。不过在tabpanel中没有相关的。想到 选项卡其实也是panel,就去panel里面看了看,看到了add方法。试了试不管用,很疑惑,后来仔细一看发现,调用ad
ExtJs菜单导航功能,不在用左边功能树
ExtJs菜单导航 可以不用左边的树功能导航,而在一个工具条上放一系列的菜单功能项
EXT关于使用TabPanel的宽度和高度问题
近日,在使用EXT3.4版本的TabPanel的时候,出现了height没有定义的错误,最后发现layout设置为自适应模式才解决此问题。 new Ext.fn.fnLayOut({ layout : 'fit', border : false, title :'客户-用户-账户', renderTo : 'all
ExtJs 4.x 学习小记:Ext.TabPanel动态隐藏及显示
Ext.TabPanel页签关闭时,Ext.TabPanel本身已经从DOM中销毁了,但是其上的子项,比如嵌入的Grid,Panel等依然存在,如果创建时为这些子项设置了id属性,那么当你再次创建Ext.TabPanel时,就会报id重复的错误,如果不设置id,就会有内存泄露,重复创建。解决的方法网上也有但总觉得不舒服,而且每次重新创建,也会降低效率。 解决:每次关闭时,不是真正的Destory
extjs实现左侧tab
layout = new Ext.BorderLayout(document.body, ...{                            center: ...{                                titlebar: false,                                tabPosition: left          
ExtJs 解决在GridPanel中使用bbar或者tbar的分页条的宽度自适应问题
在GridPanel中利用bbar或者tbar来完成分页功能,是个很常见的做法,但是这里发现一个问题,就是宽度不能够自适应。首先我们看下这样的源代码: <!-- Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->var store =
TabPanel多标签tab页加载同一个GridPanel显示不同的数据
<br />     前几天做了一个功能实现,在一个tabpanel上的多个tab标签存放同一个数据源里的的不同的数据,其中tab标签的title为自动生成的。其中存放数据里的容器为GridPanel,因为是同一个GridPanel,所以store是唯一一个,如里每个tab页都存放一个GridPanel的话,就需要同等量的store,这里会很麻烦。页面效果如下图:<br /> <br />其中,每个tab页里存放的不同的数据,加载数据的方式也为异步加载,点击事件触发时,加载数据。<br />上面四个tab标