JavaScript
grid里面 下面横向的滚动条始终不显示 设置了autoScroll 和bodyStyle也没用
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区/**
* UploadlookGrid表格
*
* @class net.grid.UploadlookGrid
* @extends Ext.grid.GridPanel
*/
net.grid.UploadlookGrid= Ext.extend(Ext.grid.GridPanel,{
/*( viewConfig: {
forceFit: false,
stripeRows: true
},*/
height: 300,
width: 600,
autoScroll : true,
// bodyStyle : 'overflow-x:scroll; overflow-y:scroll',
initComponent:function() {
var ds = new Ext.data.Store({
url:'./showRefreshFileByParams.action',
reader:new Ext.data.JsonReader({
root:'list',
totalProperty:'recordSize',
id:'id'
},['refreshId','explain','fileName','path','projectName','projectType','type','typeName']),
baseParams:{
limit:pageSize
}// ,
// remoteSort:true
});
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',width:100,autoScroll:true,sortable:true,dataIndex:'refreshId',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},
{header:'配置名称',width:100,sortable:true,dataIndex:'fileName',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置类型',width:100,sortable:true,dataIndex:'type'},
{header:'配置值',width:100,sortable:true,dataIndex:'path',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},
{header:'配置说明',width:100,sortable:true,dataIndex:'explain',renderer : function(value){if(value){var div = '<div ext:qtip="{0}">{0}</div>';return String.format(div,value);}}},
{header:'配置所属工程',width:100,sortable:true,dataIndex:'projectName'}//,
//{header:'缓存',sortable:true,width:30,dataIndex:'button',renderer:
// function(value, cellmeta, record, rowIndex, columnIndex,store) {
//alert(" <button type='button' onclick="+ '"' +"javascript:show('"+record.get('fileName')+"');"+'"'+" class='up'>更新 </button>");
// return " <button type='button' onclick="+ '"' +"javascript:show('"+record.get('fileName')+"');"+'"'+" class='up'>更新 </button>";
// }
// }
]);
/**
* 扩展类的构建开始
*/
Ext.apply(this,{
viewConfig : {
forceFit : true
},
store:ds
,sm:sm
,cm: cm
,bbar:new Ext.PagingToolbar({
pageSize:pageSize,
store:ds,
displayInfo:true
})
, tbar:[
// {text:'新增',cls:'x-btn-text-icon',icon:'./images/button/plugin.gif',handler:this.newZdGlobal,scope:this},'-',
{text:'修改',cls:'x-btn-text-icon',icon:'./images/button/edit.gif',handler:this.editZdGlobal,scope:this},'-',
{text:'删除',cls:'x-btn-text-icon',icon:'./images/button/del.gif',handler:this.deleteZdGlobal,scope:this},'-',
{text:'查询',cls:'x-btn-text-icon',icon:'./images/button/search.gif',handler:this.buildQueryWin,scope:this},'-',
//{text:'缓存更新',cls:'x-btn-text-icon',icon:'./images/toolbar_refresh_up.gif',handler:this.hc_update,scope:this},
'->'
]
});
// 调用父类构建函数
net.grid.UploadlookGrid.superclass.initComponent.call(this);
// 加载数据
ds.load({params:{start:0}});
// 扩展类的弹出窗口
this.SystemForm = new net.form.SystemForm();
this.SystemWin = new net.win.SystemWin({items:this.SystemForm,buttons:[{
text:'保存',
handler:this.saveZdGlobal,
scope:this
},{
text:'取消',
handler:function(){this.SystemWin.hide();},
scope:this
}]});
this.InsertSystemForm = new net.form.InsertSystemForm();
this.InsertSystemWin = new net.win.InsertSystemWin({items:this.InsertSystemForm,buttons:[{
text:'保存',
handler:this.saveZdGlobal1,
scope:this
},{
text:'取消',
handler:function(){this.InsertSystemWin.hide();},
scope:this
}]});
this.SearchSystemForm = new net.form.SearchSystemForm();
this.SearchSystemWin = new net.win.SearchSystemWin({items:this.SearchSystemForm,buttons:[{
text:'搜索',
handler:this.searchZdGlobal,
scope:this
},{
text:'取消',
handler:function(){this.SearchSystemWin.hide();},
scope:this
}]});
// 双击操作
this.on({"dblclick":this.dblclick});
this.addListener('rowcontextmenu', this.onMessageContextMenu);
}
/**
* 构建函数结束
*/
// 右键菜单
,onMessageContextMenu : function (grid, rowIndex, e) {
e.stopEvent();代码如上 里面设置了autoScroll : true, bodyStyle : 'overflow-x:scroll; overflow-y:scroll', 都没用
现在的样子浏览器没放最大 竖的有 横的就是没有 怎么设置属性都没用
这是为什么？？？
...全文
