<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<% String path = request.getContextPath(); %>
<html>
<head>
<title>My JSP 'ExtHello.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="<%=path %>/ext-2.2/resources/css/ext-all.css">
<script type="text/javascript" src="<%=path %>/ext-2.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=path %>/ext-2.2/ext-all.js"></script>
<script type="text/javascript" src="<%=path %>/ext-2.2/source/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="<%=path %>/ExtJsDemo/hello.js"></script>
</head>
<body>
</body>
</html>
Ext.onReady(function(){
// ① 小谈 JSON
// 定义json对象
var jsonObject = {
name:'chengYu',
age:25,
sex:'man',
books:[
{name:'ThinkInJava',price:107},
{name:'Ext之旅',price:59}
]
};
// 获取json对象属性
// alert(jsonObject.name+" "+jsonObject.age+" "+jsonObject.books[0].name+" "+jsonObject.books[0].price);
// 遍历json集合
/*for(var i=0;i<jsonObject.books.length;i++){
alert(jsonObject.books[i].name+" "+jsonObject.books[i].price);
}*/
Ext.Msg.show(jsonObject);
// ② 信息提示框 组件基础
// Ext.Msg.alert('msgAlertTitle','这种配置很常见');
/* Ext.Msg.alert('msgAlertTitle','这种配置很常见',callback);
function callback(id){
alert(id);
}*/
/*Ext.MessageBox.confirm('删除用户','你确定删除吗?',delCallback);
function delCallback(id){
if (id=='yes') {
alert('删除成功');
} else {
alert('你选择了no');
}
}*/
// ------------------------------
// Ext.MessageBox 和 Ext.Msg 是相同效果的工具类
// Ext.Msg 是 Ext.MessageBox 的别名，只是提供了更简短的调用。
// ------------------------------
// alert('只能使用纯文本');
// Ext.MessageBox.alert('<font size=4 color=red>支持html格式文本的div</font>');
/*Ext.MessageBox.prompt('备注','请输入评语',promptCallback,this,true);
function promptCallback(id,msg){
alert('你单击的按钮:'+id+' 输入的内容：'+msg);
}*/
// 进度条
/*Ext.MessageBox.wait('please wait ...','提示',{
text:'进度条上的文字'
});*/
// ------------------------------自定义提示框
/*var config = { //定义配置对象
title:'msgShowTitle',
msg:'我的配置很简单,Ext.Msg.show()'
};
Ext.Msg.show(config);*/
/*Ext.MessageBox.show({
title:'标题',
msg:'我有三个按钮、一个多行文本区',
modal:true,
prompt:true,
value:'请输入',
fn:showCallback,
buttons:Ext.Msg.YESNOCANCEL,
icon:Ext.Msg.QUESTION
});
function showCallback(id,msg){
alert(id+" - "+msg);
}*/
// 改变默认按钮文本
/*Ext.MessageBox.buttonText = {
yes:'按钮一',
no:'按钮二',
cancel:'按钮三'
};
Ext.MessageBox.show({
title:'标题',
msg:'我有三个按钮、一个多行文本区',
modal:true,
prompt:true,
value:'请输入',
fn:showCallback,
buttons:Ext.Msg.YESNOCANCEL,
icon:Ext.Msg.QUESTION
});
function showCallback(id,msg){
alert(id+" - "+msg);
}*/
// 动态更新文本
/*var msgBox = Ext.MessageBox.show({
title:'title',
msg:'information',
modal:true,
buttons:Ext.Msg.OK
});
var task = Ext.TaskMgr.start({
run:function(){
msgBox.updateText('动态更新'+new Date().format('y-m-d g:i:s a'));
},
interval:1000
});
Ext.TaskMgr.start(task);*/
// progress
/*var myBox = Ext.MessageBox.show({
title:'title',
msg:'information',
modal:true,
width:300,
progress:true
});
var count = 0; //滚动次数
var percentage = 0; //滚动百分比
var progressText ='';//进度条信息
var myTm = Ext.TaskMgr.start({
run:function(){
count++;
if(count>10){
myBox.hide();
}
// 进度条进度
percentage = count/10;
progressText = '当前完成'+percentage*100+'%';
myBox.updateProgress(percentage,progressText,'当前时间:'+new Date().format('y-m-d g:i:s a'));
},
interval:1000 //1 second
});
Ext.TaskMgr.start(myTm);*/
// --------------------------------------------------------------------------------------
});
分享到：
相关推荐
在EXT JS框架中，`MessageBox`是一个非常实用的组件，用于弹出对话框与用户进行交互。本教程将深入探讨`MessageBox`的使用方法及其在实际开发中的应用。EXT JS是一个强大的JavaScript库，专为构建富客户端Web应用...
`Ext.MessageBox.alert`函数用于显示一个简单的警告对话框，通常用于向用户传递一条信息或通知。 **示例代码：** ```javascript Ext.MessageBox.alert("hello", "nihaoa!"); ``` 该示例展示了如何通过`alert`方法来...
在IT行业中，`Ext messageBox` 是一个常用于弹出对话框的组件，它属于Ext JS框架的一部分。Ext JS是一个广泛使用的JavaScript库，用于构建富客户端的Web应用程序。`messageBox` 提供了一种优雅的方式来展示警告、...
Ext.MessageBox.confirm()详解 显示一个确认对话框，用来代替JavaScript标准的confirm()方法，具有两个按钮“是”和“否”如果为其提供一个回调函数，则该函数将在单击按钮后被调用(包括右上角的...
这个"EXT多实例Demo"显然是一个教学资源，适合初学者快速上手EXT库的使用。 1. **EXT简介** EXT JS提供了一套完整的组件模型，包括表格、树、表单、面板、菜单等，它使用MVC（Model-View-Controller）架构，使得...
注意：1 ,Ext.MessageBox是一个工具类，继承自object对象 2 ,实质上它只是当前页面的一个层。 案例如下： 代码如下: Ext.onReady(function(){ Ext.MessageBox.alert(“提示”,”请单击我，确定”,callBack);...
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 ...接下来认识一下Ext.MessageBox Ext.MessageBox是一个工具类，他继承自Obiect对象，用来生成各种
EXT JS 中的 MessageBox 是一个非常实用的组件，它用于创建各种类型的对话框，如警告、确认和提示。下面我们将详细探讨 EXT JS 中 MessageBox 的几个主要方法： 1. `Ext.MessageBox.alert()` `alert()` 方法用于...
EXT组件在软件开发中扮演着重要的角色，尤其是其 MessageBox 工具类，它提供了一种简单易用的方式来创建用户交互的对话框。MessageBox 继承自 Object 对象，并且有一个别名 Ext.Msg，使得调用更为简洁。接下来，我们...
`EXT.MessageBox.alert()` 方法用于创建一个简单的警告对话框，包含一个标题、一条消息和一个可选的回调函数。标题和消息是必需的参数，回调函数会在用户点击对话框的确定按钮后执行。例如： ```javascript Ext....
在实际编程中，`MessageBox`通常用于简单交互，如确认删除操作、提示错误信息等。例如，当用户尝试关闭未保存的文档时，你可以使用`MessageBox`来询问用户是否要保存更改。 ```cpp int result = MessageBox(NULL, ...
以下是一个简单的例子，展示如何使用MessageBox组件弹出一个警告对话框： ```html Ext.onReady(function() { Ext.MessageBox.alert("你好", "wayfoon"); }); ``` Ext的布局系统是其强大功能的关键之一，提供了...
`Ext.MessageBox.alert()` 方法用于显示一个简单的警告对话框，通常包含一个确定按钮。它接收三个参数：`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数，当用户点击确定按钮时触发。回调函数可以...
`Ext.MessageBox.alert()`方法用于显示简单的警告对话框，通常包含一个确认按钮。它接受三个参数：`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数，当用户点击确认按钮后执行。例如： ```...
《ExtJs入门之简单案例：深入理解MessageBox组件》 在前端开发领域，ExtJs作为一款强大的JavaScript框架，因其丰富的UI组件、高效的性能以及灵活的布局管理能力，深受开发者喜爱。对于初学者而言，掌握ExtJs的基本...
改变Messagebox按钮的文字[改变Messagebox按钮的文字]-精品源代码
在Windows Presentation Foundation（WPF）框架中，MessageBox是一个非常实用的工具，用于向用户显示简单的信息、警告或确认对话框。在WPF项目中，它经常被用来与用户进行交互，提供反馈或请求用户输入。这个标题...
在EXT的学习中，我们经常会接触到`Ext.MessageBox`，这是一个非常实用的类，它提供了多种弹出对话框的功能，类似于传统的JavaScript警告、确认和提示对话框，但具有更丰富的定制性和用户体验。 1. `Ext.MessageBox....