1. extjs EditorGridPanel滚动条显示不出来。
将EditorGridPanel的autoScroll属性设置为true,应该就可以了
2. jsp页面table中只让tbody 部分显示滚动条滚动,thead部分不动。。跪求答案
2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分.
body部分的表, 设置 overflow:auto 即可.
难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.
尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.
或者尝试 extjs/jqueryui等其他第三方插件.
3. js中,高度在一定范围内自适应,超过这个范围就出现滚动条
设置css:min-height:you min height; max-height:200px;overflow-y:auto;//加竖滚动条
你这是extjs吧,大体是这样的,估计就是属性名称不一样而已,你查查哦,我对extjs不是很了解
4. 用extjs grid 加载100条以上数据时,选中前面几行 checkbox, 滚动条拖到后面,前面会自动失效
你可以定义一个全局量,这个全局量可以是一个Array()。
在grid定义一个Ext.selection.CheckboxModel的listener,每当选中一行时,就给全局量赋值,可以是一个ID或者要传送的数据或者一个对象。这样就可以保证拖到后面前面的就不会自动失效了。
不过要记得当数据提交了以后,要将全局量里的数据清空,避免下次提交有重复。
具体实现大致如下:
var selectionObjs; //定义全局量
var gridSelection = Ext.create('Ext.selection.CheckboxModel', {
listeners : {
selectionchange : function(sm) {
var length = sm.getCount(); //获得选择列数
selectionObjs = sm.getSelection(); //获得所有选择的对象
}
}
});
Ext.create('Ext.grid.Panel', {
store : Store,
selModel : gridSelection
....
});
5. Extjs怎么在panel面板里面设置滚动条
ExtJS API:
autoScroll : Boolean
True表示为在面板body元素上,设置overflow:\\'auto\\'...
True表示为在面板body元素上,设置overflow:\\'auto\\'和出现滚动条false表示为裁剪所专有溢出的属内容(默认为false)。True to use overflow:\\'auto\\' on the panel\\'s body element and show scroll bars automatically when necessary, false to clip any overflowing content (defaults to false).
对panle设置该属性为true
6. extjs怎么设置tabpanel详解
Ext.onReady(function(){
vari=4;
//注意:每个Tab标签只渲染一次
vartabs=newExt.TabPanel({
renderTo:Ext.getBody(),//绑定在body标签上
activeTab:0,//初始显示第几个Tab页
deferredRender:false,//是否在显示每个标签的时候再渲染标签中的内容.默认true
tabPosition:'top',//表示TabPanel头显示的位置,只有两个值top和bottom.默认是top.
enableTabScroll:true,//当Tab标签过多时,出现滚动条
items:[{//Tab的个数
title:'Tab1',
html:'Asimpletab',
listeners:{render:function(){//为每个Tab标签添加监听器.当标签渲染时触发
Ext.Msg.alert("Tab1","渲染Tab1成功");
}}
},{
title:'Tab2',
html:'Anotherone',
listeners:{render:myRender}
},{
title:'Tab3',
autoLoad:'test.html',
closable:true,
listeners:{render:myRender}
}],
bbar:[{//添加一个底部工具栏,并且在该工具栏上添加两个按钮
text:'添加标签',
handler:function(){//添按钮被点击时触发这个匿名函数(注意:该属性在button中能查到).
varid=i;
tabs.add({//添加一个Tab标签
id:id,
title:'Tab'+i,
closable:true
});
i=i+1;
tabs.setActiveTab(id);//当id为"id"的Tab标签显示(变为活动标签).
}
},{
text:'删除标签',
handler:function(){
vart=tabs.getActiveTab();//获得当前活动标签的引用
if(t.closable){
tabs.remove(t);//删除标签
}else{
Ext.Msg.alert("提示","该标签不能关闭");
}
}
}]
});
//把TabPanel组件充满整个body容器.
newExt.Viewport({
layout:'fit',
items:tabs
});
});
7. EXTJS的combo组件的下拉选项框的高度和垂直滚动条如何设置
设置combo的一个属性:
maxHeight:100,//下拉列表的最大高度像素值
8. extjs gridpanel 在列很多的情况下,我把滚动条拖到右边单击行时如何能不让滚动条自动跑到左边,
增加focusRow :Ext.emptyFn 函数,用过了,很灵的,滚动条果然不乱跑了;
希望更多的有这个问题的版人权能够看到;
new Ext.grid.GridPanel({
viewConfig : {
focusRow : Ext.emptyFn
}
});
9. extjs 中bbar中数据太多,屏幕显示不全需要有在bbar设置滚动条,求大神指导....
换行显示吧,滚动条的即使弄上也不好看,不好操作的,呵呵。
弄成两行,这样干:
自定义一个bbar,例如:
varmybbar=[{
text:'刷新'
},{
text:'新增'
}];
再定一个bbar,分页的工具条bar(普通的bar也行),例如:
varotherbar=newExt.PagingToolbar({
store:store,
pageSize:pageSize,
displayInfo:true,
displayMsg:"当前显示从{0}条到{1}条,共{2}条",
items:[{
text:'修改'
},"-",{
text:'删除'
}]
});
然后在grid中这样:
vargrid=newExt.grid.GridPanel({
......
bbar:mybbar,//第一个bar
listeners:{
render:function(data){
otherbar.render(grid.bbar);//另一个bar
}
}
你试试~~~