动态的显示和隐藏window按钮

最新推荐文章于 2020-10-23 10:05:09 发布

最新推荐文章于 2020-10-23 10:05:09 发布 · 203 阅读

文章标签：

#EXT

本文介绍了一个使用ExtJS框架创建窗口组件的例子。该窗口包含标题、尺寸设定、按钮等功能，并演示了如何通过JavaScript控制按钮的显示与隐藏，以及如何重新显示被隐藏的按钮。

Ext.onReady(function(){
var testWin = new Ext.Window({
id : 'win_allocate_Panel',
title : '测试的了' ,
width : 435,
height : 330,
closeAction :'hide',
modal : true,
resizable : false,
buttons: [
{
text : '保存'
} ,
{
text : '关闭' ,
handler : function(){
testWin.hide();
}
} ,
{
text : '重置'
}
]

});
testWin.show();
var testButtons = testWin.buttons ;
for(var i = 0 ; i < testButtons.length ; i++){
if(testButtons[i].getText() == '保存'){
testButtons[i].hide();
}
}
//alert(testWin.buttons[0].getText());

});

function clickShow(){
var temWin = Ext.getCmp('win_allocate_Panel');
temWin.show();
var testButtons = temWin.buttons ;
for(var i = 0 ; i < testButtons.length ; i++){
if(testButtons[i].getText() == '保存'){
testButtons[i].show();
}
}
}
</script>
<input type="button" value="测试" onclick="clickShow()"/>