ext学习_组件(window,提示框)的使用
1.窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性
[html]
var i=0;
function newWin()
{
var win=new Ext.Window({
title:"窗口"+i++,
width:400,
height:300,
maximizable:true
});
win.show();
}
Ext.onReady(function(){
Ext.get("btn").on("click",newWin);
});
[html]
<input id="btn" type="button" value="add" />
提示框:
[html]
Ext.MessageBox.alert("请注意","这是ExtJS的提示框");
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){
alert(button);
alert(text);
});
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){
if(button=="yes"){
//执行删除操作
alert("成功删除");
}
});
Ext.MessageBox.prompt("输入提示框","请输入你的新年愿望:",function(button,text){
if(button=="ok"){
alert("你的新年愿望是:"+text);
}
else alert("你放弃了录入!");
});
三个按钮的提示框,yes,no,cancel
[html]
Ext.Msg.show({
title:'保存数据',
msg: '你已经作了一些数据操作,是否要保存当前内容的修改?',
buttons: Ext.Msg.YESNOCANCEL, //三个按钮,yes,no,cancel
fn: save, //调用下面的方法
icon: Ext.MessageBox.QUESTION});
});
function save(button){
if(button=="yes"){
//执行数据保存操作
} else if(button=="no"){
//不保存数据
} else{
//取消当前操作
}
}
补充:web前端 , JavaScript ,