导航:首页 > 编程语言 > extjs添加滚动条

extjs添加滚动条

发布时间:2024-10-16 12:40:44

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
}
}

你试试~~~

阅读全文

与extjs添加滚动条相关的资料

热点内容
win7一直配置文件重启 浏览:124
佳能ir2525i网络扫描 浏览:283
win10指纹无法识别 浏览:646
jsp中怎么引入js文件 浏览:925
文件名构成部分 浏览:484
兴国互联网app有哪些 浏览:475
北京时间票房多少票房统计数据 浏览:750
探探文件夹是哪个 浏览:429
如何分类微信文件 浏览:446
城市天际线win10 浏览:813
运动APP跑步如何抓作弊 浏览:57
微信中秋节动态祝福语 浏览:703
练英语的网站哪个好 浏览:894
科来网络分析系统报价 浏览:437
哪里可以上传自己的php网站 浏览:373
安卓手机如何打开zx文件 浏览:531
app攻击是什么 浏览:888
app上有把锁是什么意思 浏览:611
如何用c语言编程五角星 浏览:183
thinkpadwin10一键恢复 浏览:498

友情链接