使用EXtjs6.2构建web项目

时间:2023-02-01 15:32:49

 

使用EXtjs6.2构建web项目

     一、项目简介

    众所周知ext是一款非常强大的表格控件,尤其是里边的grid为用户提供了非常多的功能,现在主流的还是用extjs4.0—4.2,但是更高一点的版本更加符合人的审美要求。因此,在今天咱们构建一下ext6.2版本的web项目。

    二、项目准备

      ExtJS 6.2 GPL正式版下载地址 :https://www.sencha.com/legal/gpl/

      下载完成之后项目目录如下:      

使用EXtjs6.2构建web项目

    三、构建项目

    1、在自己所建立的项目中引用以下js文件:(注意这边的js文件大多数都在build文件夹下)

       <script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
<script type="text/javascript" src="ext-bootstrap.js"></script>
<script type="text/javascript" src="locale-zh_CN.js"></script>

    2、引用响应的css文件:(注意:需要将自己的ext-6.2.0\build\classic\theme-crisp文件夹下的所有东西都要引入)

         <link rel="stylesheet" type="text/css" href="theme-crisp/resources/theme-crisp-all.css" />
<link rel="stylesheet" type="text/css" href="theme-crisp/resources/theme-crisp-all-debug.css" />

    接下来大家就可以写一个小的demo进行测试了,这样就完成了ext6.2的搭建。

    博主建议:ext6.2的功能很多,官方文档也说的很详细,但是尽管这样,在实际的项目中可能还会出一些问题,建议大家还是根据官方标准来书写代码。