<%@ 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);*/
// --------------------------------------------------------------------------------------
});
分享到:
相关推荐
博文链接:https://vincent-yy.iteye.com/blog/233744
ext中的各种消息框,提示框,输入框,确认框,自定义消息框,进度条,以及滑动提示。
Ext.MessageBox.confirm()详解 显示一个确认对话框,用来代替JavaScript标准的confirm()方法,具有两个按钮“是”和“否”如果为其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的...
NULL 博文链接:https://ch-dj.iteye.com/blog/1946952
MessageBox MessageBox MessageBox MessageBox
注意:1 ,Ext.MessageBox是一个工具类,继承自object对象 2 ,实质上它只是当前页面的一个层。 案例如下: 代码如下: Ext.onReady(function(){ Ext.MessageBox.alert(“提示”,”请单击我,确定”,callBack);...
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 ...接下来认识一下Ext.MessageBox Ext.MessageBox是一个工具类,他继承自Obiect对象,用来生成各种
改变Messagebox按钮的文字[改变Messagebox按钮的文字]-精品源代码
helloworld/可编辑的Grid/field/submit/MessageBox/removeRow/tablePanel/tree等十几个Demo 直接运行
C#重写MessageBox对话框C#重写MessageBox对话框C#重写MessageBox对话框C#重写MessageBox对话框C#重写MessageBox对话框C#重写MessageBox对话框C#重写MessageBox对话框
《C# wpf 实现自定义界面操作分离的MessageBox》中我们得到了一个功能完整的MessageBox的功能逻辑,将功能逻辑进行拓展,程序启动的时候,hook系统的MessageBox,变成调用自己的MessageBox。那我们只需要定义一个...
EXT组件一些属性与方法(MessageBox)[文].pdf
完整的MessageBox各项值的实例配置
今天在项目中要用到简单的MessageBox的使用。在Ext.net中没有Winform那么简单,直接写MessageBox.show()的方法。于是就去examples.ext.net的例子网站找,想找到个实际能用的
Ext.MessageBox.confirm('确认提示', '你确定要导出Excel吗?', function deldbconfig(btn) { if (btn == 'yes') { var msgTip = Ext.MessageBox.show({ title : '提示', width : 350, msg :...
ext2.0MessageBox,JS弹出窗口
Winform MessageBox 自定义设计样式,根据自己需要更改样式
使系统的MessageBox显示位置可以改变
1.最简单用法,不带图形 MessageBox(0,'不同意','提示',MB_OK); MessageBox(0,'不同意','提示',MB_OKCANCEL ); 2.警告对话框: MessageBox(0,'密码不能为空,请务必输入密码','警告',MB_ICONEXCLAMATION); 3.提示信息...