Ext学习之2_messagebox2

最新推荐文章于 2022-01-06 17:32:32 发布

dengyulong

最新推荐文章于 2022-01-06 17:32:32 发布

阅读量631

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext学习文章标签： EXT json

本文链接：https://blog.youkuaiyun.com/dengyulong/article/details/83936457

Ext学习专栏收录该内容

62 篇文章

订阅专栏

本文介绍如何在ExtJS中创建自定义的消息框，并详细解释了配置参数的意义及使用方法，包括按钮类型、图标样式等。

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

Ext.namespace("com.deng")
/**
 * 自定义消息框,config就是一个json对象
 * Ext.MessageBox.show(Object config)
 * config中常用属性如下：
 * title：消息框的标题
 * msg： 消息内容
 * width：消息框的高度
 * multiline： 是否显示多行文本
 * closable：是否显示关闭按钮
 * buttons：按钮
 * icon： 图标
 * fn：回调函数
 */

extjsCustom = function(){
	var config = {
			title:"自定义对话框",
			msg:"这是一个自定义对话框",
			width:400,
			multiline:true,
			closable:false,
			buttons: Ext.MessageBox.YESNOCANCEL,
			icon: Ext.MessageBox.QUESTION,
			fn: function(btn,txt){
				Ext.MessageBox.alert("结果","您点击了"+btn+"按钮<br>,输入的值是："+txt);
			}
	};
	Ext.MessageBox.show(config);
}

/**
 * 备注：buttons和icon，这些选项在Ext.MessageBox中已有定义，
 * buttons的取值如下：
 *    OK:只有确定按钮
 *    CANCEL：只有取消按钮
 *    OKCANCEL: 有确定和取消按钮
 *    YESNO: 有是，否按钮
 *    YESNOCANCEL: 有 是，否，取消按钮
 *    
 * icons取值如下：
 * INFO: 信息图标
 * WARNING:警告图标
 * QUESTION: 询问图标
 * ERROR: 错误图标 
 */