`

ext--消息框2

    博客分类:
  • Ext
ext 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>msgbox.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
	<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			Ext.get('confirm').on('click',function(){
				Ext.Msg.confirm("提示","你确定要执行该操作吗?",callbackMsg);
			});
			Ext.get('info').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"操作成功!",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.INFO,
					animEl:'info'
				});
			});
			Ext.get('warn').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"此操作可能存在安全隐患!",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.WARNING,
					animEl:'warn'
				});
			});
			Ext.get('error').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"连接服务器失败,请检查网络!",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.ERROR,
					animEl:'error'
				});
			});
			Ext.get('oneline_prompt').on('click',function(){
				Ext.Msg.prompt("提示","请输入姓名:",inputMsg);
			});
			Ext.get('multiLine_prompt').on('click',function(){
				Ext.MessageBox.show({
		           title: '提示',
		           msg: '请输入聊天内容:',
		           width:300,
		           buttons: Ext.MessageBox.OKCANCEL,
		           multiline: true,
		           fn: inputMsg,
		           animEl: 'multiLine_prompt'
       			});
			});
			Ext.get('question').on('click',function(){
				Ext.MessageBox.show({
		           title: '提示',
		           msg: '要执行该操作吗?',
		           width:300,
		           buttons: Ext.MessageBox.OKCANCEL,
		           icon:Ext.Msg.QUESTION,
		           fn: callbackMsg,
		           animEl: 'question'
       			});
			});
			callbackMsg = function(btn) {
				Ext.Msg.show({msg:"You clicked " + btn});
			}
			inputMsg = function(btn,txt) {
				Ext.Msg.show({msg:"You input:"+txt});
			}
			
			Ext.get('test').on('click',function(){
				var f = Ext.Msg.confirm("","ok?",callbackMsg);
			});
		});
	</script>
  </head>
  
  <body>
  	<input type="button" id="confirm" value="Confirm">
  	<input type="button" id="question" value="Question">
    <input type="button" id="info" value="Info">
    <input type="button" id="warn" value="Warn">
    <input type="button" id="error" value="Error">
    <input type="button" id="oneline_prompt" value="OneLinePrompt">
    <input type="button" id="multiLine_prompt" value="MultiLinePrompt">
    <input type="button" id="test" value="test">
  </body>
</html>



分享到:
评论

相关推荐

    Ext 仿QQ-MSN出现消息框

    2. **CSS样式定制**:为了达到QQ或MSN消息框的视觉效果,开发者可能需要自定义CSS样式,调整边框、背景色、字体、阴影等样式属性。 3. **事件监听**:消息框可能需要响应用户的操作,如点击关闭按钮时执行关闭动作...

    Python库 | dapr-ext-grpc-dev-1.0.0rc3.dev312.tar.gz

    标题中的“Python库 | dapr-ext-grpc-dev-1.0.0rc3.dev312.tar.gz”指的是一个特定版本的Python库,名为“dapr-ext-grpc-dev”,其版本号为1.0.0rc3.dev312,打包格式为tar.gz。这个库是针对gRPC框架的扩展,gRPC是...

    Ext-JS框架中文文档

    2. **消息框** - **提示框**: 最简单的消息框类型,用于显示简单的提示信息。 - **输入框**: 允许用户输入文本的消息框。 - **确认框**: 显示包含“确定”和“取消”按钮的消息框,通常用于确认用户的操作。 - *...

    更新的ext-gwt选课系统

    2. **课程展示**:系统会列出所有可选的课程信息,包括课程编号、课程名称、任课教师、上课时间、教室等,便于学生选择。 3. **选课操作**:学生可以在系统中查看课程详情并进行选课操作,系统需能处理并发选课请求...

    PyPI 官网下载 | dapr-ext-fastapi-dev-0.8.0a0.dev275.tar.gz

    这个库可能提供了将Dapr的功能集成到FastAPI应用的接口和工具,使得开发者可以利用Dapr的强大功能,如服务间的调用、发布/订阅模式的消息传递、以及Zookeeper等服务发现机制,同时保持使用FastAPI进行API开发的便利...

    EXT-In-FirstStep

    - **MessageBox**是EXT提供的一个对话框组件,用于向用户显示消息或请求输入。 #### 3.2 Grid - **Grid**是EXT中重要的数据展示组件,支持分页、排序、过滤等功能,适用于大量数据的展示和管理。 #### 3.3 更多...

    ext-dwr-spring集成Demo

    此外,Spring与各种数据库、缓存、消息队列等技术的集成,使得开发大型企业级应用变得更加便捷。 在"ext-dwr-spring集成Demo"中,EXT负责前端的用户交互和界面展示,DWR作为中间层,处理Ajax通信,使前后端能够实时...

    3------通过实例学习------Ext.js------.pdf

    `Ext.Msg.show`用于显示消息框,其中`buttons: Ext.Msg.OKCANCEL`定义了对话框的按钮,`multiline: true`允许文本框多行输入。`fn`回调函数处理按钮点击事件,`Ext.get('example')`获取ID为'example'的元素,并改变...

    Python库 | commanderbot_ext-0.7.0-py3-none-any.whl

    这些API可能包括处理事件、响应用户消息、与其他服务集成的方法等。通常,扩展库会有一些预先定义好的命令或事件处理器,你可以根据自己的需要覆盖或扩展这些功能。 Python库的开发语言标签表明`commanderbot_ext`...

    Ext--MessageBox教程

    {text: '操作2', handler: function() { /* 操作2的处理逻辑 */ }} ] }); ``` 在这里,每个对象包含`text`(按钮文本)和`handler`(点击按钮时的处理函数)两个属性。 除了基本的消息提示,`MessageBox`还可以...

    EXT学习札记--京华志

    下面是一个简单的示例代码,演示如何在页面加载完成后弹出一个消息框: ```html Ext.onReady(function(){ Ext.Msg.alert('系统提示', '已经成功!'); }); ``` 通过以上代码,当页面加载完成时会弹出一个提示框,...

    ext相关工具包

    2. `ext-base.js`:这是EXT库的基础部分,包含EXT的核心功能,如类系统、事件系统、DOM操作等。在某些情况下,如果你只需要EXT的基本功能,而不需要完整的组件库,可以只引用这个文件,然后按需加载其他组件。 3. `...

    3------通过实例学习------Ext.js------.docx

    2. **docs**:这里是Ext.js的开发文档,包含了详细的API参考和教程,对于开发者来说是不可或缺的学习资源。 3. **locale**:存储了不同国家和地区语言的资源文件,方便进行多语言支持。 4. **packages**:这个目录...

    Ext JS下载及配置

    下面是一个简单的 Ext JS 应用示例,用于展示如何创建一个弹出消息框: ```html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; ...

    Ext教程_javakc

    除了简单的消息框之外,还可以创建更复杂的用户界面组件,例如窗口。下面的示例展示了如何创建一个带有标题、宽度、高度和内容的窗口: ```html Ext.onReady(function() { var win = new Ext.Window({ title: ...

    discord-ext-checks

    2. **HasRole**:此检查允许你指定用户必须拥有特定角色才能运行命令。 3. **HasAnyRole**:如果用户拥有多个角色中的任何一个,该检查就会通过。 4. **HasPermissions**:检查用户是否具有特定的 Discord 权限,如...

    discord-ext-bot

    2. **Python 编程**:discord-ext-bot 基于 Python,因此熟悉 Python 语言是基础。Python 的简洁语法和强大的库支持使得它成为开发 Discord 机器人的理想选择。 3. **discord.py 库**:discord-ext-bot 扩展了 ...

    封装一个Ext消息提示框,显示几秒后自动消失

    封装 Ext 消息提示框,显示几秒后自动消失 本资源是关于封装一个 Ext 消息提示框,显示几秒后自动消失的知识点集合。该资源主要涵盖了 CSS 和 JavaScript 代码,旨在实现一个可以自动消失的消息提示框。 1. CSS ...

    Ext原理.txt

    **Ext.MessageBox** 是 Ext 框架中的一个重要组成部分,主要用于弹出对话框,显示消息或请求用户输入信息。它支持三种类型的对话框:警告(alert)、确认(confirm)和提示(prompt)。下面将详细介绍这三个方法的...

    ext简单登录css/js插件

    2. **CSS样式(ext-all.css)**:`ext-all.css`文件包含了EXT框架的基础样式,用于美化EXT组件的外观。登录插件的CSS可能覆盖或扩展了这些基础样式,以满足特定的登录界面设计需求,比如定制背景色、字体、边框等。 ...

Global site tag (gtag.js) - Google Analytics