重庆时时彩发发发杀号 重庆时时彩出号图 宝赢软件重庆时时彩 重庆时时彩后一技巧公式 专业玩重庆时时彩专家 中国重庆时时彩有假吗 重庆时时彩后二技巧 重庆时时彩新凤凰 重庆时时彩下注计划 重庆时时彩是不是点杀 老重庆时时彩票走势图 重庆时时彩中奖指南 卓越重庆时时彩软件 重庆时时彩龙斗虎 海南版重庆时时彩 重庆时时彩独胆绝招 重庆时时彩彩票群 重庆时时彩分角元 重庆时时彩二星012 重庆时时彩网赚真的吗 重庆时时彩开奖爱彩网 重庆时时彩招财软件 重庆时时彩组号方法 3d通重庆时时彩 重庆时时彩万能7码 重庆时时彩500注后三怎样做才好 重庆时时彩开价时间 重庆时时彩4星胆码 重庆时时彩有龙和虎吗 重庆时时彩新手入门

GridPanel 自动添加滚动条

飞来科技  发布时间:2019-06-19 07:05:58

本文关键词:extjs panel 滚动条

extjs panel 滚动条_extjs panel 边框_extjs panel width

Extjs中的gridPanel总是出不来滚动条extjs panel 滚动条,很是郁闷,搞了一下午总算搞定……

先上图片:

代码:

var grid = new Ext.grid.GridPanel({

tbar: tbar,

id: 'grid_userlist',

renderTo: 'div_cabinetList',

autoHeight: true,

autoScroll: true,

store: store,

stripeRows: true,

listeners: {

'render': function() {

for (var i = 0; i < tbars.length; i++) {

extjs panel width_extjs panel 边框_extjs panel 滚动条

tbars[i].render(this.tbar);

}

}

},

viewConfig : {

scrollOffset: -3 , //去掉右侧空白区域 具体数值可能需要调整

layout : function() {

if (!this.mainBody) {

return; // not rendered

}

var g = this.grid;

var c = g.getGridEl();

var csize = c.getSize(true);

var vw = csize.width;

var vh=csize.height;

extjs panel 边框_extjs panel 滚动条_extjs panel width

if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:

// none?

return;

}

if (g.autoHeight) {

this.el.dom.style.width = "100%";

//计算grid高度

var girdcount=store.getCount();

var gridHeight=0;

for(var i=0;i<girdcount;i++){

gridHeight=gridHeight+grid.getView().getRow(i).clientHeight;

}

this.el.dom.style.height =gridHeight+75;//75是菜单栏和分页栏高度和

this.el.dom.style.overflowX = "auto"; //只显示横向滚动条

} else {

extjs panel width_extjs panel 边框_extjs panel 滚动条

this.el.setSize(csize.width, csize.height);

var hdHeight = this.mainHd.getHeight();

var vh = csize.height - (hdHeight);

this.scroller.setSize(vw, vh);

if (this.innerHd) {

this.innerHd.style.width = (vw) + 'px';

}

}

if (this.forceFit) {

if (this.lastViewWidth != vw) {

this.fitColumns(false, false);

this.lastViewWidth = vw;

}

} else {

this.autoExpand();

extjs panel 边框_extjs panel width_extjs panel 滚动条

this.syncHeaderScroll();

}

this.onLayout(vw, vh);

}

},

cm: cm,

bbar: new Ext.PagingToolbar({

pageSize: pageSize,

store: store,

autoWidth: true,

id:"btn_bbar",

displayInfo: true,

displayMsg: '<%=map.get("011") %>'+' {0}' + '<%=map.get("012") %> '+'{1} '+'<%=map.get("013") %>'+'<%=map.get("014") %> '+'{2} '+'<%=map.get("015") %>',//显示第几条到几条记录extjs panel 滚动条,一共多少条

emptyMsg: '<%=map.get("016") %>'//没有记录

})

});

注:(1)出现滚动条的关键代码是 viewConfig属性的配置;

(2)autoHeight: true,

本文来自互联网,由机器人自动采编,文章内容不代表本站观点,请读者自行辨别信息真伪,如有发现不适内容,请及时联系站长处理。

    相关阅读
    重庆时时彩骗局天涯
    德科钻石闯关 福建31选7开奖号码分布图 寻代练 闽乐游棋牌 猫女王的日常vip 堡垒之夜岛屿编码 三国拉霸在线客服 浙江十一选五开 沙巴体育平台介绍 pk10计划 福建36选7开奖 37传奇霸业 开拓者vs马刺直播