Ext Js 学习日记 (1) 开始使用Ext JS

最新推荐文章于 2022-08-02 10:12:38 发布

hu8hong9

最新推荐文章于 2022-08-02 10:12:38 发布

阅读量985

点赞数

分类专栏： Ext 学习 .NET 4.0 文章标签： ext header function stylesheet microsoft verizon

本文链接：https://blog.csdn.net/hu8hong9/article/details/5742259

版权

Ext 学习同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

.NET 4.0

2 篇文章 0 订阅

订阅专栏

最近发现Ext JS 在后台的后台的应用和漂亮的界面，打算学习一下Ext JS,并打算将其引入现有项目中，故此记录些学习日记加深下印象，也希望给如同我一样的初学者能提供一些帮助共同进步。

1、首先下载Ext JS

我下载的是 3.2.0版本，下载地址：http://www.sencha.com/deploy/ext-3.2.0.zip

2、解压后我们获得很多文件，在第一次使用中你需要使用一下文件

adapter/ext/ext-base.js

ext-all.js

src/locale/ext-lang-zh_CN.js

然后就是资源文件夹 resources整个目录

3、建立自己的学习项目网站

将以上文件拷贝到规划的文件夹tx_client,我的项目目录如下

4、编写第一个Ext JS 应用例子

我的第一个例子是Grid的使用代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>第一个Ext JS例子</title> <link type="text/css" rel="stylesheet" href="tx_client/ext/resources/css/ext-all.css" mce_href="tx_client/ext/resources/css/ext-all.css"></link> <mce:script type="text/javascript" src="tx_client/ext/adapter/ext/ext-base.js" mce_src="tx_client/ext/adapter/ext/ext-base.js"></mce:script> <mce:script type="text/javascript" src="tx_client/ext/ext-all.js" mce_src="tx_client/ext/ext-all.js"></mce:script> <mce:script type="text/javascript" src="tx_client/ext/src/locale/ext-lang-zh_CN.js" mce_src="tx_client/ext/src/locale/ext-lang-zh_CN.js"></mce:script> </head> <body> <mce:script type="text/javascript"></mce:script> <div id="grid-example"></div> </body> </html>

效果如下：

我就是看好其Grid的强大功能，才开始学习Ext JS的呵呵！

hu8hong9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Ext Js 学习日记 (1) 开始使用Ext JS

 最近发现Ext JS 在后台的后台的应用和漂亮的界面，打算学习一下Ext JS,并打算将其引入现有项目中，故此记录些学习日记加深下印象，也希望给如同我一样的初学者能提供一些帮助共同进步。 1、首先下载Ext JS 我下载的是 3.2.0版本，下载地址：http://www.sencha.com/deploy/ext-3.2.0.zip 2、解压后我们获得很多文件，在第一次使用中你需要使用一下文件 adapter/ext/e
复制链接

扫一扫