码迷,mamicode.com
首页 > Web开发 > 详细

ExtJS001HelloWorld弹窗

时间:2016-09-13 01:27:34      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />

<-- Extjs样式及类库 -->

 

<link rel="stylesheet" type="text/css" href="Resource/Extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" />

<script type="text/javascript" src="Resource/Extjs/bootstrap.js"></script>

<script type="text/javascript" src="Resource/Extjs/packages/ext-locale/build/ext-locale-zh_CN.js"></script>

<script type="text/javascript" src="Resource/Extjs/packages/ext-charts/build/ext-charts.js"></script> 

 

<-- 引用外部js文件 -->

 <script src="001_helloworld.js"></script> 
 


</head>
<body>

</body>
</html>

 

 

<-- 001_helloworld.js 代码如下 --> 




Ext.onReady(function () { //Ext.onReady 程序入库

/*
消息框

*/

  Ext.MessageBox.alert(‘标题‘, ‘Hello World!‘);//弹窗

  

/*
询问框

*/
//询问框

//Ext.Msg.confirm(‘提示‘, ‘确认删除‘, function (op) {
// if(op==‘yes‘){
// alert(‘确认‘);
// }else{
// alert(‘取消‘);
// }

//});

 



/*
输入框

*/ 

//Ext.Msg.prompt(‘标题‘, ‘请输入姓名‘, function (op, val) {
// //console.info(op); //op确定 取消(ok cancel) val 输入的值
// //console.info(val);
// if (op == "ok") {
// console.info(op);
// console.info(val);
// } else {
// console.info(op);
// console.info(val);
// }
//}, this, true, ‘张三(输入框默认值)‘);



/*
等待框 进度条

*/
//Ext.Msg.wait(‘提示‘, ‘我是内容‘, {
// interval: 400, //循环定时间隔!
// duration: 2000, //总时长
// increment: 5, //执行进度条的次数 5 次 执行一次进度(1-100) 一共执行5次
// text: ‘更新中‘,//进度条上的文字
// scope: this, //作用域 当前作用域 [sk??p]
// fn: function () {
// //回调函数
// alert("更新成功");
// },
// animate:true //更新渲染时提供一个动画效果 就是进度条平滑的走。。
//});


/*
show方法
自定义的提示框
*/

Ext.Msg.show({
title: ‘我是自定义的提示框‘,
msg:‘我是内容!!‘,
width: 300,
height: 300,
buttons: Ext.Msg.YESNOCANCEL, //显示的按钮呢 直接在Ext.window.MessageBoxView 看属性就能查到
icon:Ext.Msg.ERROR //图标

});

});



ExtJS001HelloWorld弹窗

标签:

原文地址:http://www.cnblogs.com/liudehua0/p/5866934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!