<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Person = function(name){
this.name=name;
this.addEvents("walk","eat","sleep");
}
Ext.extend(Person,Ext.util.Observable,{
info:function(event){
return this.name+'is'+event+'ing.';
}
});
Ext.get('walk').on('click',function(){
person.fireEvent('walk');
});
Ext.get('eat').on('click',function(){
person.fireEvent('eat','早餐','中餐','晚餐');
});
Ext.get('sleep').on('click',function(){
person.fireEvent('sleep',new Date());
});
var person=new Person('Lingo');
person.on('walk',function(){
Ext.Msg.alert('event',person.name+"在走啊走啊。");
});
person.on('eat',function(breakfast,lunch,supper){
Ext.Msg.alert('event',person.name+"要吃"+breakfast+","+lunch+"和"+supper+"。");
});
person.on('sleep',function(time){
Ext.Msg.alert('event',person.name+"从"+time.format("H")+"开始睡觉了。");
});
});
</script>
</head>
<body>
<input type="button" value="walk" name="button1" id="walk">
<input type="button" value="eat" name="button2" id="eat">
<input type="button" value="sleep" name="button3" id="sleep">
</body>
</html>
分享到：
相关推荐
Ext.Msg.alert('Hello!'); }); ``` - **运行测试**：启动Tomcat服务器，在浏览器中访问`http://localhost:8080/extPrj/lesson1/hello.html`。如果页面弹出对话框显示“Hello!”，则表示程序运行成功。 #### ...
Ext.MessageBox.confirm()详解 显示一个确认对话框，用来代替JavaScript标准... 参数说明： Ext.MessageBox.alert();//相关内容 返回值： Ext.MessageBox 代码示例： 代码如下: <script type=”tex
在这个示例中，有一个提交按钮(`text:"提交"`)，并绑定了一个事件处理器： ```javascript handler:function(){ if(userForm.getForm().isValid()){ if(Ext.getCmp('password').getValue() != Ext.getCmp('...
Ext.MessageBox.alert("msg", "you click button: " + but + " and the msg you input is: " + txt); } }; Ext.MessageBox.show(config); ``` 这个例子展示了如何创建一个自定义的对话框，其中包含了多个按钮...
这其中一个常见的定制化需求便是去掉Ext Msg提示框的关闭按钮。通过这种方式，我们可以确保用户必须通过点击按钮或者完成其他必要的操作，而不是简单地点击关闭按钮来结束提示框的显示。 在Extjs4框架中，消息框是...
通过上面的介绍和示例代码，我们可以看到 **Ext.MessageBox** 提供了非常灵活的对话框管理功能，可以方便地集成到基于 Ext 的应用程序中。无论是简单的消息提示还是复杂的用户输入验证，都可以轻松实现。这对于提高...
3. **消息提示（alert, msgbox）**： - ExtJS 提供了`Ext.MessageBox`，用于显示警告、确认和信息对话框。改变这些对话框的颜色，你需要找到对应的样式类，如`.x-msg-box`，然后修改对应的CSS属性。 - 例如，如果...
Ext.Msg.alert('失败', '表单提交失败: ' + action.result.message); } }); } else { Ext.Msg.alert('警告', '请检查表单数据!'); } } }] }); ``` 在这个例子中，当用户点击提交按钮时，会触发`handler`...
Ext.Msg.alert('失败', action.result.message); } } } ``` 6. **显示 FormPanel**：最后，将 FormPanel 添加到页面的某个容器中，使其可见。 ```javascript Ext.application({ name: 'MyApp', launch: ...
Ext.Msg.alert('helloWord','Hello Word!'); }); ``` EXT框架的基础主要包括底层API、控件和实用工具三大部分。底层API提供了DOM操作、事件处理、DOM查询等基本功能，是其他所有组件的基础。控件，或称作小部件...
Ext.Msg.alert("alert", "Hello"); ``` 3.2 confirm 方法 Ext.MessageBox.confirm 方法用于弹出一个确认框，显示指定的信息，并提供确定和取消两个按钮。例如： ```javascript Ext.Msg.confirm('Confirm','Choose ...
Ext.Msg.alert('错误', '服务器出现问题'); } }); } } }] }); }); ``` - **表单初始化**: `Ext.QuickTips.init();` 启用了快速提示功能。 - **表单配置**: - `labelWidth`: 定义了表单标签的宽度。 - `...
Ext.Msg.alert('失败', action.result.message); } }); } } }] }] }); } }); ``` 文件下载则可以通过创建一个隐藏的`<a>`标签或者利用JavaScript创建一个`Blob`对象并创建一个新的`window.URL....
1. **Ext.Msg.alert** - 弹出简单提示信息，回调函数中处理后续操作 2. **Ext.Msg.confirm** - 显示确认对话框，用户点击确定或取消，通过回调函数处理结果 3. **Ext.Msg.prompt** - 提示用户输入信息，回调函数接收...
Ext.Msg.alert('成功', action.result.message); }, failure: function(form, action) { Ext.Msg.alert('失败', action.result.error); } }); } } }] }); ``` 在后台，Java通常使用Servlet或Spring MVC来...
总的来说，EXTJS弹出框的自动消失功能可以通过结合`Ext.MessageBox.show`、`Ext.util.DelayedTask`和适当的事件监听来实现。这种机制允许开发者灵活地控制用户界面的交互，提供更友好的用户体验。
Ext.Msg.alert('失败', action.result.msg); } }); } }] }); form.render('form'); ``` ### Ext.TabPanel `Ext.TabPanel` 提供了一种简单的方式来创建选项卡界面。每个选项卡都是一个面板，可以包含任何类型...
alert(msg.join('')); } }; Ext.Ajax.request(requestConfig); // 发送请求 } ``` 在这个示例中，当点击“登陆”按钮时，`login()` 函数会被触发，进而通过 `Ext.Ajax.request` 方法向服务器发送包含表单...
Ext.Msg.alert('系统提示', '已经成功!'); }); ``` 通过以上代码，当页面加载完成时会弹出一个提示框，显示“已经成功!”的消息。 ### 结语 EXT作为一个强大的Web应用开发框架，为开发者提供了丰富的工具和资源...