`

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  
十分感谢楼主的分享

相关推荐

    Extjs可编辑的EditorGridPanel

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

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

    NULL 博文链接:https://fourfire.iteye.com/blog/355853

    Ext可编辑的tree,EditorGridPanel

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

    可编辑表格Ext.grid.EditorGridPanel

    此文档是可编辑表格Ext.grid.EditorGridPanel的说明以及示例的源代码,放到eclipse里面即可运行,显示出效果!

    Extjs EditorGridPanel中ComboBox列的显示问题

    EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。

    Ext.grid.GridPanel右键菜单

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

    给Extjs的GridPanel增加“合计”行

    NULL 博文链接:https://tonylian.iteye.com/blog/1735525

    GridPanel属性详解

    详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解

    extjs实例与学习资料

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

    ext 读取xml 可编辑grid

    ext 数据对象的定义 EditorGridPanel的使用 ext读取xml ext对各种数据格式的支持

    Ext 3.2的一个TreeGrid

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

    ExtJS下grid的一些属性说明

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

    ExtJS 2.0实用简明教程

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

    extjsnaction

    1 A framework apart 2 Back to the basics 3 Events, Components, and Containers ...8 The EditorGridPanel 9 Taking root with Trees 10 Toolbars and Menus 11 Drag and drop with Widgets

    EXTJS 学习笔片段1

    EditorGridPanel 使用本地store Toolbar工具菜单创建 分页工具栏创建 Window 弹出处理window窗口(模态窗口) MessageBox show(报错窗口、保存提示、选择窗口) alert prompt 实用工具类 JS异常捕捉 Ajax...

    ExtJS入门教程(超级详细)

    1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、...73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65

    EXT核心API详解

    73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65 1、Ext类 addBehaviors(Object obj) : void 对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({ ...

    ExtJs2.0简明教程

    ….36 6.2 可编辑的表格EditorGridPanel……….………………………………………………………………………..…….41 6.3 与服务器交互……….………………………………………………………………………………...

Global site tag (gtag.js) - Google Analytics