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;
}
希望对大家有所帮助..........
我碰的时候 用了很多时间去解决 希望大家能快速解决..
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;
}
希望对大家有所帮助..........
我碰的时候 用了很多时间去解决 希望大家能快速解决..