[Ext.Net] 1.x GridPanel列数过多给Menu菜单加滚动条
2013-07-01 08:05
369 查看
转自:http://www.ext.net.cn/thread-1944-1-2.html
当GirdPanel列数过多,查看列的显示隐藏时会出现下面下面情况,有部分超出了界面被遮罩住了
要解决这个问题,可通过给菜单加滚动条属性,代码如下
function ready() {
Ext.override(Ext.menu.Menu, {
showAt: function (xy, parentMenu, _e) {
this.parentMenu = parentMenu;
if (!this.el) {
this.render();
}
if (_e !== false) {
this.fireEvent("beforeshow", this);
xy = this.el.adjustForConstraints(xy);
}
this.el.setXY(xy);
var maxHeight = Ext.getBody().getHeight() - xy[1];
if (this.el.getHeight() > maxHeight) {
this.el.setHeight(maxHeight);
this.el.applyStyles('overflow-y: auto;');
}
this.el.show();
this.hidden = false;
this.focus();
this.fireEvent("show", this);
},
autoWidth: function () {
if (/^\d+$/.test(this.width + '')) {
this.width += "px";
}
}
});
}
在DocumentReady时调用
<ext:resourcemanager id="resManager" runat="server">
<Listeners>
<DocumentReady Handler="ready();" />
</Listeners>
ext:resourcemanager>
效果图如下:
当GirdPanel列数过多,查看列的显示隐藏时会出现下面下面情况,有部分超出了界面被遮罩住了
要解决这个问题,可通过给菜单加滚动条属性,代码如下
function ready() {
Ext.override(Ext.menu.Menu, {
showAt: function (xy, parentMenu, _e) {
this.parentMenu = parentMenu;
if (!this.el) {
this.render();
}
if (_e !== false) {
this.fireEvent("beforeshow", this);
xy = this.el.adjustForConstraints(xy);
}
this.el.setXY(xy);
var maxHeight = Ext.getBody().getHeight() - xy[1];
if (this.el.getHeight() > maxHeight) {
this.el.setHeight(maxHeight);
this.el.applyStyles('overflow-y: auto;');
}
this.el.show();
this.hidden = false;
this.focus();
this.fireEvent("show", this);
},
autoWidth: function () {
if (/^\d+$/.test(this.width + '')) {
this.width += "px";
}
}
});
}
在DocumentReady时调用
<ext:resourcemanager id="resManager" runat="server">
<Listeners>
<DocumentReady Handler="ready();" />
</Listeners>
ext:resourcemanager>
效果图如下:
相关文章推荐
- [Ext.Net] 1.x GridPanel列数过多给Menu菜单加滚动条
- Ext.Net 1.x_Ext.Net.GridPanel之右键菜单
- Ext.Net 1.x_Ext.Net.GridPanel之右键菜单
- 【ext.net 1.0】GridPanel 的插件 GridFilter 过滤组件,ListFilter过滤菜单不自动滚动的问题解决
- Ext.net中Gridpanel更新数据时,滚动条位置保持不变
- EXT.NET GridPanel展开与收缩
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十二 HoverMenuExtender(滑出菜单) 控件的使用
- Ext_菜单组件_Ext.menu.Menu
- Ext.net GridPanel Erro:无法获取属性“proxy”的值:对象为null或未定义
- Extjs-工具条和菜单 Ext.menu和Ext.Toolbar
- ExtAspNet.GridPanel的一般用法
- ExtASP.NET开发中日历或下拉列表控件被Grid++Report插件挡住的解决办法
- Ext.Net 1.x_Ext.Net.GridPanel根据内容判断行背景色
- Ext.net1.0之GridPanel数据导出Excel
- Ext.Net 1.x_Ext.Net.GridPanel CRUD
- ext 4.2 grid刷新后 滚动条位置不变
- 【Ext.Net学习笔记】06:Ext.Net GridPanel的用法(GridPanel 折叠/展开行、GridPanel Selection、 可编辑的GridPanel)
- 使用Ext Js3.2实现的具有选择框的菜单,使用Ext.menu.Menu来实现
- Ext.Net 1.x_Ext.Net.GridPanel根据内容判断行背景色