ExtJS入门

最新推荐文章于 2021-05-08 22:04:18 发布

the_sunshine6

最新推荐文章于 2021-05-08 22:04:18 发布

阅读量311

点赞数 1

本文链接：https://blog.csdn.net/qq_38271143/article/details/89016533

版权

ExtJS的介绍就不说了，网上一搜一大堆，主要写一下ExtJS怎么使用，从第一个程序开始。

首先从官网下载ExtJS的sdk文件，我用的是6.2版本，网址https://pan.baidu.com/s/1hssLw5e，这是官网提供的网盘链接，下载下来，解压到任意目录，目录结构如下：

主要用的是build目录下的 ext-all.js 和 classic 下的主题文件，classic是电脑版，modern是手机版，examples下是一些案例，接下来看代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <!--引入extjs的样式文件-->
    <link rel="stylesheet" type="text/css" href="extjs/classic/theme-triton/resources/theme-triton-all.css">
    <!--引入extjs的核心脚本库-->
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript">
        Ext.onReady(function () {
           Ext.MessageBox.alert("helloworld",'Hello World!');
        })
    </script>
</head>
<body>

</body>
</html>

Ext.onReady()是加载页面前启动的初始化页面函数，是必须有的。效果为如下的弹框：

the_sunshine6

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ExtJS入门

ExtJS的介绍就不说了，网上一搜一大堆，主要写一下ExtJS怎么使用，从第一个程序开始。首先从官网下载ExtJS的sdk文件，我用的是6.2版本，网址https://pan.baidu.com/s/1hssLw5e，这是官网提供的网盘链接，下载下来，解压到任意目录，目录结构如下：主要用的是build目录下的 ext-all.js 和 classic 下的主题文件，classic是电...
复制链接

扫一扫