extjs4_msg
经过一早上的努力,终于成功显示了ext.msg.alert("somestring")!一个漂亮的对话框,呵呵
真的是感想挺多,收获也很多的。主要是:
一、用Wamp在win7下搭建好了运行网页的环境;
二、按照别人提供好的方法,做好了EclipseForPHP+spekt+Extjs4.0的工具及环境;(具体链接在我的blog下可以找到)
三、打开了extjs的api文档,再参照着extjs提供的示例中msgbox相关部分,可以改变对话框的样式;
四、注意在html引入文件所需要的路径以及.js文件中当函数体结束时不要忘了打“;”号;
以下是两个文件的代码:主要是引入文件时的路径把我的时间浪费了不少
helloworld.js:
Ext.onReady(function(){
Ext.get('btn1').on('click',function(e){
//Ext.Msg.alert("hello world!"); //显示的是标准的对话框
/*Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
}
});*/
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUESTION
});
}); });
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>程序界面</title>
<link rel="stylesheet" type="text/css" href="/ext4/resources/css/ext-all.css">
<script type="text/javascript" src="/ext4/bootstrap.js"></script>
<script type="text/javascript" src="/ext4/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="helloworld.js"></script>
</head>
<body>
<button id="btn1">show a message</button>
</body>
</html>
*************************************************************
在使用eclipse编辑好.js文件后,若要想显示中文,一定是要在preferences->General->workspaced页面把"Text file encoding"项改成"utf-8"格式。
extjs4_msg的更多相关文章
随机推荐
- 处理GitHub不允许上传大于100M文件问题
第一步输入命令 cd /Users/Dora/Desktop/XXX(cd后面的这个路径要换成你自己项目的路径) 第二步输入命令 git rm --cached/Users/Dora/Desktop/ ...
- Visual Basic 2012 借助DataGridView控件将SQL server2012 数据导入到Excel 2010
摘 要: SQL Server 2012 数据和Excel 2010之间的连接和数据的传输,本篇文章主要针对的是SQL Server 2012 数据导入到Excel 2010文件中.Excel软件对 ...
- C#自动生成漂亮的水晶效果头像
C#自动生成漂亮的水晶效果头像 与其他的微博系统相同,在“多可内网微博系统”的用户也可上传自己的头像,并支持头像裁剪. 但“多可内网微博系统”的头像可以更漂亮,因为系统实现了水晶效果的头像.C#程序实 ...
- Access restriction: The type TaskTopicResolver is not accessible due to restrict
Access restriction: The type TaskTopicResolver is not accessible due to restrict : Eclipse 默认把这些受访问 ...
- 【转】修改LINUX时间
命令格式为: date -s 时间字符串 例如只修改系统的日期,不修改时间(时分秒) date -s 2012-08-02 或只修改时间不修改日期 date -s 10:08:00 当然也可以同时修改 ...
- 各种浏览器的userAgent收集
window.navigator.userAgent 1) Chrome Win7: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.1 (KH ...
- Java 中Iterator 、Vector、ArrayList、List 使用深入剖析
标签:Iterator Java List ArrayList Vector 线性表,链表,哈希表是常用的数据结构,在进行Java开发时,JDK已经为我们提供了一系列相应的类来实现基本的数据结构.这些 ...
- H5的FormData对象完成ajax上传文件multiFile
最近工作中需要完成,ajax上传图片,可是input file +ajax是无法完成的: 于是寻找了许久,发现了H5 的一个对象FormData 使用方法如下: HTML: <form id=& ...
- Jenkins_Maven_Git 持续集成及自动化部署 GentOS版
1.安装JDK JDK下载: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 新 ...
- JS在火狐浏览器下如何关闭标签?
首先,要确定火狐设置是否允许通过JS代码window.close()方法关闭标签. 确定方式如下: 在Firefox地址栏里输入 about:config 在配置列表中找到dom.allow_scri ...