怎么设置ext弹出窗口固定大小
答案:2 悬赏:80 手机版
解决时间 2021-03-25 05:26
- 提问者网友:风月客
- 2021-03-24 16:17
怎么设置ext弹出窗口固定大小
最佳答案
- 五星知识达人网友:渊鱼
- 2021-03-24 16:43
示例:
// Create tabs and add it into window
var tabs= new Ext.TabPanel({
activeTab:0,
defaults:{autoScroll:true},
region:"center",
items:[
{title:"标签1",html:"内容1"},
{title:"标签2",html:"内容2"},
{title:"标签3",html:"内容3",closable:true}
]
});
var p = new Ext.Panel({
title:"导航",
width:150,
region:"west",
split:true,
collapsible:true
});
// Create a window
varwindow = new Ext.Window({
title:"登陆", // 窗口标题
width:700, // 窗口宽度
height:350, // 窗口高度
layout:"border",// 布局
minimizable:true, // 最大化
maximizable:true, // 最小化
frame:true,
constrain:true, // 防止窗口超出浏览器窗口,保证不会越过浏览器边界
buttonAlign:"center", // 按钮显示的位置
modal:true, // 模式窗口,弹出窗口后屏蔽掉其他组建
resizable:false, // 是否可以调整窗口大小,默认TRUE。
plain:true,// 将窗口变为半透明状态。
items:[p,tabs],
buttons:[{
text:"登陆",
handler:function() {
Ext.Msg.alert("提示","登陆成功!");
}
}],
closeAction:'hide'//hide:单击关闭图标后隐藏,可以调用show()显示。如果是close,则会将window销毁。
});
Ext.get("window").on("click",function() {
window.show();
});
效果:
// Create tabs and add it into window
var tabs= new Ext.TabPanel({
activeTab:0,
defaults:{autoScroll:true},
region:"center",
items:[
{title:"标签1",html:"内容1"},
{title:"标签2",html:"内容2"},
{title:"标签3",html:"内容3",closable:true}
]
});
var p = new Ext.Panel({
title:"导航",
width:150,
region:"west",
split:true,
collapsible:true
});
// Create a window
varwindow = new Ext.Window({
title:"登陆", // 窗口标题
width:700, // 窗口宽度
height:350, // 窗口高度
layout:"border",// 布局
minimizable:true, // 最大化
maximizable:true, // 最小化
frame:true,
constrain:true, // 防止窗口超出浏览器窗口,保证不会越过浏览器边界
buttonAlign:"center", // 按钮显示的位置
modal:true, // 模式窗口,弹出窗口后屏蔽掉其他组建
resizable:false, // 是否可以调整窗口大小,默认TRUE。
plain:true,// 将窗口变为半透明状态。
items:[p,tabs],
buttons:[{
text:"登陆",
handler:function() {
Ext.Msg.alert("提示","登陆成功!");
}
}],
closeAction:'hide'//hide:单击关闭图标后隐藏,可以调用show()显示。如果是close,则会将window销毁。
});
Ext.get("window").on("click",function() {
window.show();
});
效果:
全部回答
- 1楼网友:酒醒三更
- 2021-03-24 17:15
可以设置window的属性,如下
resizable:false, //不可调整大小
draggable:false, //不可拖拽
resizable:false, //不可调整大小
draggable:false, //不可拖拽
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯