`
kk15378924
  • 浏览: 9718 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

GridPanel的一个奇怪问题。

阅读更多


找了快1个小时,就是不知道错误在哪里。。。郁闷
我在鼠标左侧点击tree节点,在右侧创建一个标签页,这个已经能够实现,于是我再在新建的标签页里嵌套一个Grid。
奇怪的问题出现了。。
FF和IE下都没报错。但是Grid就是不显示。本来我以为我代码错误。于是我狂找我的代码问题,无意中关掉FF的firbug插件界面,grid就现实出来了。。。原来只要我的窗口发生任何变化Grid才会显示出来。
请问这是我代码问题还是bug?如何解决?

补充一下,我直接在TabPanel里面用items管理grid对象并没问题。但是我用添加事件后在其中管理就出问题了。
文件都是封装在类包里面的。所以只贴关键部分
这是监听事件。

listeners:{
				'click':function(node, event) {
			   			event.stopEvent();
						//把根节点的选择判断去除
						if(node.text=="SamPeng" || node.text == "文章管理" || node.text == "产品管理" || node.text == "信息管理" || node.text == "来访管理"){
						}else{
							var n = main.getComponent(node.id);
							if (!n) { //判断是否已经打开该面板
									//如果是按的文章列表,新建一个列表对象并且丢进新的标签页
								if(node.text == "文章列表"){
									var grid=new SamPeng.account.list();
									n = main.add({
									'id':node.id,
									'title':node.text,
							   		items: [{layout:"fit",items:grid}]
								});}
							}
						 main.setActiveTab(n);
							}
						}



然后是我的tab面板创建类

* Copyright(c) 2008-2010, SamPeng Inc.
 */
 package("SamPeng.panel");
 /**
 * 作用: 用来创建中间的主显示面板
 * 作者:SamPeng
 * 时间:2008年9月24日1:24:42 
 */
	SamPeng.panel.main = function(config){
		
		var config=config || {};
		var deconfig={
 					renderTo:'mainlay',
					width:1000,
					height:561,
					activeTab:0,
					plain: true,
					border: true,
					tabPosition: 'top',
					frame: true,
					autoScroll: true,
					enableTabScroll:true,//超过宽度就自动两边多出滚动条
				     items:[{
								title:"首页"
							}
						   ]			
					}
		Ext.applyIf(config,deconfig);
		SamPeng.panel.main.superclass.constructor.call(this,config);
	 }
	Ext.extend(SamPeng.panel.main,Ext.TabPanel);



Grid的就只贴数据源和属性的了。

	
		/*******************************************************
		* 为表格建立数据源
		* 	链接后台,并且按每一页的数据列表返回
		*	用Json数据格式传递
		*******************************************************/
		this.dataStore = new Ext.data.Store({
			proxy: new Ext.data.HttpProxy({
			   url: 'php/article_list.php',
			   disableCaching:false
			}),
	 
			reader: new Ext.data.JsonReader({
				root: 'results',
				totalProperty: 'total',
				id:'id'
			},[
			   {name: 'id'},
			   {name: 'name'},
			   {name: 'typename'},
			   {name: 'time'},
			])
		}); 
		this.dataStore.load({params:{start:0, limit:this.myPageSize}});	
。。。
。。。省略很多
。。。
		/*******************************************************
		* 构造编辑列表面板(GridPanel)
		*******************************************************/
		SamPeng.account.list.superclass.constructor.call(this, {
				id: 'list-account-panel',                 
				ds: this.dataStore,
				cm: art_cm,	
				sm: selectBoxModel,
				height:500,
				tbar: pagingbar,
				bbar: menubar,
				loadMask: {msg: '读取数据中 ...'},
				enableColumnHide: false,
				autoScroll:true
				//region:'center'
		});

               Ext.extend(SamPeng.account.list, Ext.grid.GridPanel, {
    reload : function() {      
		this.dataStore.load({params:{start:0, limit:this.myPageSize}});	
	},
    // 调用删除数据
    // 服务器通过接受参数返回删除的数据
    deleteData : function (jsonData) {   
    	this.dataStore.load({params:{start:0, limit:this.myPageSize, delData:jsonData}});
    }	



谢谢各位大侠了!
问题状况是我浏览器不动,Grid死活不显示,浏览器一变,Grid就出来了。而且是按照我设定的参数大小显示的。不明白倒底问题出在哪里。只有这么多分了。望指教

 

分享到:
评论
4 楼 kk15378924 2008-09-28  
重新render了。但是在ff里正常,在IE7里面还是老样子
3 楼 kk15378924 2008-09-27  
qiuye402 写道

你试一下重新render一下,应该就可以了,布局的问题,我也遇到过

谢谢。。。但是我不是用的render方式出来的
2 楼 qiuye402 2008-09-27  
有空加我qq:20025404
1 楼 qiuye402 2008-09-27  
你试一下重新render一下,应该就可以了,布局的问题,我也遇到过

相关推荐

    Ext的gridpanel控件二次加载问题

    然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要源于GridPanel的生命周期管理和内存管理机制。为了解决这个问题,我们需要深入理解Ext JS的...

    EXTJSEXT实例GridPanel.

    GridPanel是EXTJS中的一个核心组件,它允许开发者以网格形式展示数据,支持多种功能,如排序、分页、筛选、编辑等。在EXTJS中,GridPanel通常与Store结合使用,Store负责管理数据,而GridPanel则负责显示这些数据。 ...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    gridPanel添加按钮

    不过,它可能是关于这个问题的一个案例、示例代码或者说明。 综上所述,`gridPanel`添加按钮涉及前端开发的多个方面,包括组件配置、事件处理、自定义功能实现以及源码理解和调试。理解这些概念并熟练运用,对于...

    给Extjs的GridPanel增加“合计”行

    - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格底部插入合计行。 - 在`GridSummary.js`文件中,我们可以定义这个类,并重写`onRender`方法,...

    gridpanel常用操作

    这会创建一个模态对话框来显示指定的页面。在`GridPanel`中单元格赋值,例如在弹出窗体关闭后更新选定行的数据,可以使用`Ext.getCmp`获取`GridPanel`对象,然后通过`getStore().getAt(rowIndex)`获取特定行的记录,...

    扩展GridPanel

    扩展的GridPanel,让其分页后保持选择状态

    GridPanel中的单元格不能选中复制的解决方法

    Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...

    Extjs入门教程(treePanel和GridPanel)

    TreePanel是ExtJS中的一个树形控件,它允许你展示层级结构的数据。在教程中,你可能会学到如何创建和配置TreePanel,包括加载数据、设置节点图标、处理节点的展开和折叠事件,以及添加拖放功能。TreePanel通常用于...

    Ext GridPanel 中实现加链接操作

    Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接操作,包括基本原理、代码实现及注意事项。 #### 一、Ext GridPanel 基础 在了解如何添加链接之前...

    ExtJS的GridPanel导出excel文件

    ExtJS的GridPanel导出excel文件,方便快捷易懂!

    Gridpanel多表头的扩展

    例如,我们可以创建一个表头来表示部门,然后在下一级表头中列出部门内的员工,这样可以清晰地看出每个部门的人员分布。 描述中提到,这个扩展可能不适用于EXTJS 3及以上版本,这可能是因为EXTJS的后续版本进行了...

    ExtJs GridPanel双击事件获得双击的行

    例如,如果你想在双击行后弹出一个包含该行数据的对话框,可以这样做: ```javascript itemdblclick: function(view, record, item, index, e) { var selectedRows = this.getSelectionModel().getSelection(); ...

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    Ext.grid.GridPanel 删除线

    Ext.grid.GridPanel 删除线 放到example文件夹下运行

    改变gridpanel的行颜色

    以下是一个示例: ```javascript // 定义一个样式(以红色背景为例) .x-grid-back-red { background: #FF0000; } // 定义改变颜色的列 { header: '摘要', dataIndex: 'zhaoyao', align: 'left', width: 150,...

    Extjs让Gridpanel组件自动滚屏

    后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...

    Extjs中的GridPanel

    总结起来,ExtJS 中的 GridPanel 是一个功能强大且灵活的数据展示组件,它为Web应用提供了丰富的数据管理和用户交互能力。通过熟练掌握 GridPanel 的使用,开发者能够创建出功能丰富、用户体验优秀的数据驱动应用。

    ext gridpanel 跨行

    它提供了一整套组件,包括GridPanel,这是一个强大的数据展示工具,能够处理大量数据并支持各种交互功能。"ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要...

    Ext.grid.GridPanel属性祥解

    - 说明:此配置项指定了一个列ID,该列会自动扩展以填充表格剩余的空间。注意,该ID不能为0。 - 示例:`autoExpandColumn: 'name'` 4. **stripeRows** - 说明:布尔值,决定是否开启表格行的斑马纹(即隔行换色...

Global site tag (gtag.js) - Google Analytics