⑴ EXT Grid的横向滚动条不显示!
很久没用Ext了,也抄没法测试效果。我感觉是因为设置了 width:600, 然后forceFit:true的话,会自动在600的宽度内重新计算每列的列宽比例,这么一来就没滚动条了,而是通过压缩每列列宽展示在600的范围内。
你去了forceFit:true试试。
⑵ extjs gridpanel 在列很多的情况下,我把滚动条拖到右边单击行时如何能不让滚动条自动跑到左边,
增加focusRow :Ext.emptyFn 函数,用过了,很灵的,滚动条果然不乱跑了;
希望更多的有这个问题的版人权能够看到;
new Ext.grid.GridPanel({
viewConfig : {
focusRow : Ext.emptyFn
}
});
⑶ Extjs(3.0)中grid的滚动条,两个gridpanel,拉动其中一个gridpanel的滚动条,另外一个滚动条也会跟着联动
Ext渲染到界面上都是解析成html代码的,你用火狐firebug找到页面中存放滚动条的回div,
var obj=Ext.get('div_id');
obj.on('scroll',functionName);//绑定答滚动事件
function functionName(){
//do something
}
⑷ extjs EditorGridPanel滚动条显示不出来。
将EditorGridPanel的autoScroll属性设置为true,应该就可以了
⑸ extjs中grid滚动条怎么加
var userGrid = new Ext.grid.GridPanel({
frame:true,
loadMask:true,
tbar:toolbar,
store:userStore,
stripeRows:true,
viewConfig:{
autoFill:true
//forceFit:true
},
。。。。。。
});
new Ext.Viewport({
layout:'border',
items:[{
contentEl:'toptitle',
bodystyle:'background-color:#BBCCEE;',
region:'north',
height:134
},{
//contentEl:'usergrid-div',
region:'center',
layout: 'fit',
border:true,
items:[userGrid]
}]
});
-------------------------------
var grid = new Ext.grid.GridPanel({
2 autoHeight: true,
3 autoWidth:true,
4 autoScroll: true,
5 title: '<spanstyle=font-weight:bolder;line-height:25px;font-size:18px;><center>“大剂量堵水”措施不同井类型对比表</center></span>',
6 loadMask: true,
7 renderTo: 'grid',
8 store: store,
9 cm: cm,
10 collapsible: true,
11 bbar: new Ext.PagingToolbar({
12 pageSize: 100,
13 store: store,
14 displayInfo: true,
15 displayMsg: '显示第{0}条到第{1}条记录,一共{2}条',
16 emptyMsg: '没有记录'
17 })
18 });
19
20 });
21 </script>
22 </head>
23 <bodystyle=" text-align:center;">
24 <divid="Contain" style="text-align:left;width:1000px;">
25 <divid="grid" style="width:1000px;"></div>
26 </div>
27 </body>
autoHeight: true,autoWidth:true这两个属性是不起作用的。这里要Ext的Grid的滚定条必须显示出来就必须设置固定的Grid宽度(以像素为单位)。
Grid中你加入 width: Ext.get("content").getWidth(), height: Ext.get("content").getHeight()然后再看下你的效果。
如果这个实例你能运行,但是你机器上的代码不能运行,可否提供一个Ext的版本号,以供来测试解决这个问题。
这个问题已经解决了,解决方法是把autoHeight: true, autoWidth:true,改成具体的数值就行了。
Ext的Grid宽高必须是给定的明确数值的。
------------------
var grid = new Ext.grid.GridPanel( {
renderTo : 'Container',
width : gridWidth,
stripeRows : true,
enableHdMenu:false,
autoScroll : true,
autoHeight : true,
columnLines : true,
store : new Ext.data.ArrayStore( {
fields : fields,
data : gridData
}),
columns : columns,
viewConfig : {
forceFit : true
}
});
⑹ extjs gridpanel设置哪项(autoheight:true)时,实现横向滚动条
GridPanel 里的 column 每个都设置 width ,且总和大于 gridpanel 的 width 时横向滚动条自动会显示。但是必须加载数据后才会显示滚动条。
⑺ extjs3.4 gridpanel的滚动条没出来 排个序又出来了 这是怎么回事
gridpanel里面加入autoScroll: true, 配置项,
第一次加载完没有出现滚动条,可以在store,load里面加入内callback配置项,重容新排序就行
store.load({
callback:function(){store.sort("F_PROJECT_STAGE", "ASC");}
});
⑻ EXT如何让两个grid的滚动条实现联动,当拖动一个grid的时候另一个grid的滚动条也跟真滚动
lz奇思妙想,果断佩服,不过grid自带展开组件扩展为,grid展开行里包含grid,倒是可以解决你这个问题,不过吗,展开组件有不可避免的矛盾,所以无解
⑼ 怎么改变ext.grid.gridview 的滚动条属性
scrollFlags
x : Boolean
true if this Component is scrollable horizontally - style setting may be 'auto' or 'scroll'.
y : Boolean
true if this Component is scrollable vertically - style setting may be 'auto' or 'scroll'.
both : Boolean
true if this Component is scrollable both horizontally and vertically.
overflowX : String
The overflow-x style setting, 'auto' or 'scroll' or ''.
overflowY : String
The overflow-y style setting, 'auto' or 'scroll' or ''.
scrollBy( deltaX, deltaY, animate )
⑽ extjs4 里面怎么监听滚动条
设置scrollable:true.
如果内容超过panel的宽度、高度就会出现滚动条
scrollable : Boolean/String/Object
Configuration options to make this Component scrollable. Acceptable values are:
true to enable auto scrolling.
false (or null) to disable scrolling - this is the default.
x or horizontal to enable horizontal scrolling only
y or vertical to enable vertical scrolling only
Also accepts a configuration object for a Ext.scroll.Scroller if if advanced configuration is needed.
The getter for this config returns the Scroller instance. You can use the Scroller API to read or manipulate the scroll position: