ExtJS001HelloWorld弹窗
html页面
<!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弹窗的更多相关文章
- jQuery的DOM操作实例(3)——创建节点&&编写一个弹窗
一.原生JavaScript编写弹窗 二.jQuery编写弹窗 知识点归纳总结: 在原生JavaScript中,创建一个节点: var oDiv=document.createElement(&quo ...
- Android重构与设计之路,从整理提示弹窗(SmartAlertPop)开始
封装一个独立弹窗Module,这里的弹窗包括普通的Dialog方式弹框和WindowManager方式弹窗.提供一种管理项目里面弹窗的方案,便于后期修改和维护. 首先描述一个在大项目中普遍存在的一个现 ...
- JavaScript弹窗
警告框: alert("警告信息!"); alert("警告\n信息!"); 确认框: var t=confirm("请确认!"); // ...
- yii2 modal弹窗之ActiveForm ajax表单异步验证
作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...
- yii2中如何使用modal弹窗之基本使用
作者:白狼 出处:http://www.manks.top/yii2_modal_baseuse.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接, ...
- 多功能弹窗控件layer
开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移 ...
- JQuery UI dialog 弹窗实例及参数说明
按钮代码: <a id="suprise" style="margin-left: 0.5em;cursor:pointer;">点我会有惊喜< ...
- ExtJs基础知识总结:自定义弹窗和ComboBox自动联想加载(四)
概述 Extjs弹窗可以分为消息弹窗.对话框,这些弹窗的方式ExtJs自带的Ext.Msg.alert就已经可以满足简单消息提示,但是相对复杂的提示,比如如何将Ext.grid.Panel的控件显示嵌 ...
- 谷歌chrome浏览器www.tradeadexchange.com广告弹窗跳转劫持病毒
近期大量网友出现chrome浏览器被劫持的情况,表现如下: · 点击(访问)任意网站任意链接均有概率弹出www.tradeadexchange.com. · ...
随机推荐
- dataGuard主备库角色切换
切换顺序: 先主库后备库 --查看主库可切换状态: SQL> select switchover_status from v$database; SWITCHOVER_STATUS ------ ...
- drupal7中CKEditor开启上传图片功能
在drupal建站中,所见即所得编辑器提供了友好的界面.也提高开发效率,而CKEditor是一款非常不错的编辑器.定制性相当高,在这推荐给大家. CKEditor和其它模块(IMCE)搭配下在文字排版 ...
- 大型票务系统中username和password的安全性问题
讨论请移步至:http://www.zhiliaotech.com/ideajam/idea/detail/307 相关文章: <今天你买到票了吗?--从铁道部12306.cn站点漫谈电子商务站 ...
- Filter及FilterChain的使用具体解释
一.Filter的介绍及使用 什么是过滤器? 与Servlet类似,过滤器是一些web应用程序组件,能够绑定到一个web应用程序中.可是与其它web应用程序组件不同的是,过滤器是"链&quo ...
- CSS样式表初始化代码
CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异.当然,初始化样式会对SEO有一定的影 ...
- CRM需要注意的一些事,修改字段类型
crm字段类型如果变了,比如文本类型变为查找类型,要新建命名跟原来不一样,千万不能删除以前的字段再建原来的一样的,那样如果导到正式系统会造成无法导入,执行sql失败, 切记切记.可以字段名后加2,或者 ...
- CKEditor + CKFinder 实现编辑上传图片配置 (二)
CKEditor + CKFinder 实现编辑上传图片配置 (二) 上传图片时,如果上传的图片过大,默认情况情况下回自动裁剪,代码如图 \ckfinder\config.php 目录下的配置文件co ...
- c++实现单例
单例宏: //单件定义宏 //------------------------------------- // 在头文件中申明 // DECLARE_SINGLEOBJ( CSampleClass ) ...
- USACO Section 5.1 Fencing the Cows(凸包)
裸的凸包..很好写,废话不说,直接贴代码. ----------------------------------------------------------------------------- ...
- 建立一个ROS msg and srv
msg是一个描述ROS消息字段的简单的文本文件,它们经常用来为消息产生不同语言的源代码. srv文件描述一个服务,它由请求和响应两部分组成. msg文件被存储在一个包的msg目录下,srv文件被存储在 ...