使用viewport布局,左侧(west)是一棵树,右侧(center)是用户数据区,
在左侧树收缩时,右侧的gridpel跟随窗口变化而变化。
代码如下:
var tree_type_grid = new Ext.grid.GridPanel({ id : 'tree_type_grid', store : treeTypeStore, layout:'fit', //renderTo:'tree_type_choose', renderTo:Ext.getBody(), colModel : colmodel, selModel : new Ext.grid.RowSelectionModel(), stripeRows : true, //height : 490, //height : '100%', width:'100%', autoScroll:false, sm:rsmodel, tbar : topBar, bbar : pagingBar });
效果如下:
添加如下代码:
Ext.EventManager.onWindowResize(function(){ tree_type_grid.getView().refresh(); });
效果如下:
本方法对ExtJS3.0.0有效,其它未验证。
相关推荐
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
扩展的GridPanel,让其分页后保持选择状态
EXT实例GridPanel. 实现简单的。
Extnet GridPanel 增行 删行 弹出窗体 页面传值
gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊
改变gridpanel的行颜色,以及gridpanel 的表格变色
ExtJS的GridPanel导出excel文件,方便快捷易懂!
Ext.grid.GridPanel 删除线 放到example文件夹下运行
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
Ext的gridpanel控件二次加载时丢失解决方案
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
针对Gridpanel多表头的扩展,适用于2.2的ext版本,3以上的没有测试过,有兴趣的可以自己研究研究。
NULL 博文链接:https://tayuexiaotian.iteye.com/blog/1092730
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
gridpanel增删改 gridpanel增删改 与后台 SQL语句