extjs之引用和体验

本次引用的extjs版本为5.0,目前最高版本为5.1,大家可以在http://extjs.org.cn/中下载相应的版本,下载下来的有很多文件,先来看看我们需要引用那些文件已经相应的作用,其它的不多说了,先来看看如何引用extjs到项目中吧。

1.首先将下载下来的部分文件复制到项目中

ext-all.js:是所有控件库文件,是核心脚本文件

ext-aria包:主要是为改进了程序的一些可访问性,新版本增加的,暂时用不到

ext-locale包:本地化语言包,我们只保留里面的ext-locale-zh_CN.js,这个是简体中文语言包

后面的几个包文件,主要是extjs的一些主题包,可以根据需要引用相应的主题包

2.extjs的体验

创建一个index.jsp的页面,打开弹出窗口显示内容,并引用extjs相应的文件,如下:

 1 <html>
 2   <head>
 3     <title>My JSP ‘index.jsp‘ starting page</title>
 4     <script type="text/javascript" src="res/ext-5.0-min/packages/ext-all.js"></script>
 5     <script type="text/javascript" src="res/ext-5.0-min/packages/ext-locale/ext-locale-zh_CN.js"></script>
 6     <link type="text/css" href="res/ext-5.0-min/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" rel="stylesheet" />
 7       <script type="text/javascript">
 8           Ext.onReady(function(){
 9               Ext.MessageBox.alert("提示","Welcome to my website");
10           });
11       </script>
12   </head>
13   <body>
14   </body>
15 </html>

显示效果如下

时间: 2024-12-16 19:35:09

extjs之引用和体验的相关文章

使用ExtJS需要引用的几个对象

<link href="../ext/ext-all.css" rel="stylesheet" type="text/css" /> <script src="../ext/bootstrap.js" type="text/javascript"></script> <script src="../ext/ext-all.js" type=&q

extJS 动态引用加载(转)

ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可以引入动态加载的概念来即用即取.这些代码都要写在Ext.onReady外面. 1.动态引用外部Js //加载配置可用 Ext.Loader.setConfig({ enabled: true }); //动态引用“../ux/”目录下所有Js文件类,映射到对应命名空间 Ext.Loader.setPath('Ext.ux', '../ux/'); 2.动态加载类 //加载单个类 Ext.require('Ext.window.W

也谈.NET MVC 2 + ExtJS的部署问题

由于业务需要,笔者刚进到一个项目组,由于没有美工,前台采用ExtJs + MVC 2 ,迭代1的项目做的还算比较顺利,至少在本机上是运行没有任何问题的, 但是为了给客户演示,我兴高采烈的将网站部署在IIS 上,结果总是提示'Ext'未定义'.通过Google浏览器,按了F12调试,发现时ExtJs路径引用问题,在 vs里运行正常,怎么发布之后,就出现这种情况? 仔细查看路径,是相对路径,我想这就是问题的症结所在了. 于是大胆Google,手气不错,还是有关于MVC部署的解决方案,但是试过了N多次

【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net

Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http://www.ext.net/download/示例地址:http://examples.ext.net/ 1.首先下载Ext.Net,地址:http://www.ext.net/download/ ,有两种框架选择,选择下载WebForms 当前版本是2.5.1,压缩包里面包含了不同版本,分别用在相应.

EXT.NET入门必读

Ext.Net是一个对ExtJS进行封装了的.net控件库,可以在ASP.NET WebForm和MVC中使用.从今天开始记录我的学习笔记,这是第一篇,今天学习了如何在WebForm中使用Ext.Net控件库. 下载Ext.Net 首先要去Ext.Net网站上下载Ext.Net,我先学习的是WebForm版: 当前版本是2.4.0,压缩包里面包含了不同版本,分别用在相应.net版本的程序中. 在项目中引用 要使用Ext.Net,首先创建一个WebForm程序,我们这里使用4.0版. 在引用管理器

Ext.Net学习笔记01:在ASP.NET WebForm中使用Ext.Net

Ext.Net是一个对ExtJS进行封装了的.net控件库,可以在ASP.NET WebForm和MVC中使用.从今天开始记录我的学习笔记,这是第一篇,今天学习了如何在WebForm中使用Ext.Net控件库. 下载Ext.Net 首先要去Ext.Net网站上下载Ext.Net,我先学习的是WebForm版: 当前版本是3.1.0,压缩包里面包含了不同版本,分别用在相应.net版本的程序中. 在项目中引用 要使用Ext.Net,首先创建一个WebForm程序,我们这里使用4.5版. 在引用管理器

日志存储系统常用技术方案介绍

日志存储系统常用技术方案有两种:一是log4j/logback+mongodb的方式,一种是基于ELK的日志存储系统. 日志一般存储在数据库和文件系统中.日志数据要和生产正式库分开存储,否则会影响正式库的运行,带来隐患.另外,为了防止日志存储性能问题,后期可以考虑采用异步的消息队列形式进行存储. 下面详细讲解. 1.便捷的日志存储方式log4j+mongodb 1)安装和配置简介 需要引入的jar包有:Mongo Java driver.Log4J(1.2.16以上版本).log4mongo-j

Extjs4.2.1学习笔记(一)

心血来潮准备学习一下Extjs,就从官方网站http://extjs.org.cn/下载了最新版本4.2.1,开始从头学习,记一下笔记,让自己能够持之以恒. 先说一下基本文件类库引用吧, 每个项目一开始都需要进行一下操作,根据自己的需要进行调整. 把下载好的压缩包解压到本地,里面就包括了所有源码和图片等资源,我用的编程工具是VS2010,在新建了一个web项目后,将完整的包文件加入项目,目录中有一个完整的EXTJS的文件夹. 这样在具体用到的时候我们就可以对需要的文件进行引用.下面就是实际行动了

【视频教程】一步步将AppBox升级到Pro版

本系列教程分为上中下三部分,通过视频的形式讲解如何将基于FineUI(开源版)的AppBox v6.0一步一步升级FineUIPro(基础版). [视频教程]一步步将AppBox升级到Pro版(上)主讲:三石时长:12分钟下载:免费下载:https://pan.baidu.com/s/1pM8mIqJ   密码: m7na 本课程的目标是将AppBox引用的FineUI(开源版)升级为FineUIPro(基础版),并将项目运行起来.主要由如下内容组成: 运行AppBox v6.0 在文件名和项目