`

editorGridPanel 一些bug

    博客分类:
  • ext
阅读更多
1.首先 当我们的列多的时候 在靠近滚动条的可编辑组件 双击 只会出现一半  或更少
2.列头不随着横向滚动条移动
3.如果我们的可编辑控件是mulitText 在最后一行的mulitText 双击会不起作用
第一个bug 的解决办法 就是重写GridView 的一个方法getEditorParent
Ext.override(Ext.grid.GridView, {
getEditorParent: function(){
return document.body;
}
}); 
就可以搞定
第二个怎么解决呢?
加上一个css 就可以了 只需要加在你的jsp
  .ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
  .ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
  .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
  .ext-strict .ext-ie7 .x-grid3-hd{position:relative;}
  .ext-strict .ext-ie7 .x-grid3-hd-inner{position:static;}
第三个又怎么解决呢?
为每个列加上一个样式就可以了  renderer:function(value){return "<div class='desc' "+value+</div>}
div.desc{
  overflow-x:hidden;
  overflow-y:auto;
  max-height:60px;
  width:100%;
  white-space:normal;
  word-wrap:break-word;

  }

希望对大家有所帮助..........
我碰的时候 用了很多时间去解决  希望大家能快速解决..
分享到:
评论
3 楼 253405050 2010-12-17  
谢谢,楼主分享
2 楼 sichen84 2010-09-30  
谢谢,对我很有帮助
1 楼 alex02192008 2010-05-14  
十分感谢楼主的分享

相关推荐

    解决editorgridpanel编辑时视图向右移动的问题

    在使用EditorGridPanel进行数据编辑时,用户可能会遇到一个常见的问题,即在单元格编辑过程中,整个视图会向右移动,导致当前编辑的单元格离开视线。这给用户操作带来不便,影响了使用体验。本文将深入探讨这个问题...

    Extjs可编辑的EditorGridPanel

    NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629

    可编辑表格Ext.grid.EditorGridPanel

    Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...

    Ext可编辑的tree,EditorGridPanel

    因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.

    Extjs EditorGridPanel中ComboBox列的显示问题

    在EXTJS中,EditorGridPanel是一种可编辑的表格组件,它允许用户直接在表格单元格内编辑数据。然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其...

    Ext.grid.GridPanel右键菜单

    右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。

    ext 读取xml 可编辑grid

    在EXT JS框架中,"ext 读取xml 可编辑grid"是一个常见的需求,涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...

    GridPanel属性详解

    接下来,我们将详细探讨`Ext.grid.GridPanel`的一些关键属性。 #### 二、Ext.grid.GridPanel 主要配置项 1. **store** - **描述**:`store`是`Ext.grid.GridPanel`中必不可少的一项配置,它指定了表格的数据源。...

    Ext TreePanel

    以下是一些关于Ext TreePanel和EditorGridPanel的关键知识点: 1. **TreePanel组件**:用于展示层级结构数据的组件,支持节点的展开、折叠和拖放操作。 2. **Ext.data.TreeStore**:存储树形数据的模型,与...

    extjs实例与学习资料

    因为前段时间有两个专案要用到extjs技术,所以自己学了一段时间,在专案才发现extjs的强大,无论对于开发者还是使用者他都是一场视觉盛宴,这里有我从学习开始做的一些笔记和例子也有自己收集的学习资料,里面包括...

    Ext 3.2的一个TreeGrid

    感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html

    extjs 导入导出 Exel

    文件"Extjs利用服务器实现Excel数据导入editorgridpanel中显示_寒冰_新浪博客.mht"可能讲解了如何将Excel 文件的数据导入到EXTJS 的EditorGridPanel 中。导入过程一般包括: 1. 用户上传Excel 文件,EXTJS 通过...

    ExtJS下grid的一些属性说明

    1.界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框、选中行的颜色到鼠标移动到的... GroupingView, EditorGridPanel): Extjs的grid功能强大,如排序、隐藏列或移动列等,这些都有一些属

    ExtJS使用笔记

    ExtJS是一个开源的JavaScript库,主要用于...通过本笔记的学习,可以掌握ExtJS在前端开发中的应用,理解各个组件和管理器的使用方法,以及一些针对特定浏览器的布局技巧,为创建美观、高效的用户界面打下坚实的基础。

    给Extjs的GridPanel增加“合计”行

    在EXTJS中,GridPanel是一种常用的组件,用于展示表格数据。在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加...

    bs架构html编辑

    4. **服务器实现Excel数据导入**:`Extjs利用服务器实现Excel数据导入editorgridpanel中显示`的资源可能介绍了如何将Excel数据导入到ExtJS的`editorgridpanel`中。这通常涉及服务器端代码读取Excel文件,解析数据,...

    Ext表格控件和树控件

    ### Ext表格控件和树...通过以上内容,我们可以看到 `GridPanel`、`EditorGridPanel` 和 `TreePanel` 在 Ext JS 中的应用非常广泛,它们提供了强大的数据展示和编辑能力,同时也为开发者提供了高度的灵活性和定制性。

    ExtJS下拉列表树控件

    在实际应用中,可能还需要处理一些特殊需求,如控制单元格是否可编辑。这可以通过监听`beforeedit`事件来实现,根据业务逻辑判断是否允许编辑: ```javascript grid.on('beforeedit', function(editor, e) { if ...

    ExtJS 2.0实用简明教程

    22)可编辑表格EditorGridPanel 23)窗口基本应用 24)窗口分组 25)对话框 26)与服务器交互 27)Record 28)Store 29)TreePanel基本使用 30)使用树控件TreeNode 31)使用树控件TreeLoader 32)自定义TreeLoader

Global site tag (gtag.js) - Google Analytics