Ext消息框与html结合(1)

来源：互联网发布：易语言外网聊天源码编辑：程序博客网时间：2024/05/22 06:04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ExtJs整理</title><link rel="stylesheet" type="text/css" href="ExtJs/resources/css/ext-all.css"><script type="text/javascript" src="ExtJs/adapter/ext-base.js"></script><script type="text/javascript" src="ExtJs/ext-all.js"></script><script type="text/javascript" src="ExtJs/src/locale/ext-lang-zh_CN.js"></script></head><script type="text/javascript">   extJsAlert = function(){Ext.MessageBox.alert("消息提示框", "Hello Barcelona", function(){alert("关闭提示框");})   }</script><body><input type="button" value="ExtJs按钮" onclick="extJsAlert()"></body></html>

运行结果：

点击

弹出点击确定

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ExtJs整理</title><link rel="stylesheet" type="text/css" href="ExtJs/resources/css/ext-all.css"><script type="text/javascript" src="ExtJs/adapter/ext-base.js"></script><script type="text/javascript" src="ExtJs/ext-all.js"></script><script type="text/javascript" src="ExtJs/src/locale/ext-lang-zh_CN.js"></script></head><script type="text/javascript">   extjsPrompt = function(){Ext.MessageBox.prompt("输入框", "请输入你喜欢的球队", function(bnt, txt){Ext.MessageBox.alert("结果", "你点击了"+bnt+"按钮<br>输入的内容为:"+txt);});   }</script><body><input type="button" value="ExtJs按钮" onclick="extjsPrompt()"></body></html>

点击

弹出

输入 Barcelona 弹出

修改一下啊

<script type="text/javascript">   extjsPrompt = function(){Ext.MessageBox.prompt("输入框", "请输入你喜欢的球队", function(bnt, txt){Ext.MessageBox.alert("结果", "你点击了"+bnt+"按钮<br>输入的内容为:"+txt);},this,300);   }</script>

弹出的输入框变成如下情况O(∩_∩)O：