ext2.0中组件(window,提示框)的使用（5）-优快云博客

本文介绍如何利用ExtJS库创建具有多种特性的窗口，包括浮动、拖动、关闭、最大化和最小化等功能，并展示了如何使用提示框、确认框和输入框进行交互。同时，还演示了如何通过Ext.Msg.show方法实现具有多个按钮的提示框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性

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);
});

<input id="btn" type="button" value="add" />

提示框：

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

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{
	//取消当前操作
	}
}