一、專案簡介
眾所周知ext是一款非常強大的表格控件,尤其是裡邊的grid為用戶提供了非常多的功能,現在主流的還是用extjs4.0—4.2,但是更高一點的版本更加符合人的審美要求。因此,在今天咱們建構一下ext6.2版本的web專案。
二、專案準備
ExtJS 6.2 GPL正式版下載地址 下載完成之後專案目錄如下:
三、建造專案 1、在自己所建立的專案中引用以下js檔案:(注意這邊的js檔案大多都在build資料夾下)
<span style="color: #008080">1</span> <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all.js</span><span style="color: #800000">"</span>></script> <span style="color: #008080">2</span> <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all-debug.js</span><span style="color: #800000">"</span>></script> <span style="color: #008080">3</span> <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-bootstrap.js</span><span style="color: #800000">"</span>></script> <span style="color: #008080">4</span> <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">locale-zh_CN.js</span><span style="color: #800000">"</span>></script>
2、引用回應的css檔案:(注意:需要將自己的ext-6.2.0buildclassictheme-crisp資料夾下的所有東西都要引入)
<span style="color: #008080">1</span> <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all.css</span><span style="color: #800000">"</span> /> <span style="color: #008080">2</span> <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all-debug.css</span><span style="color: #800000">"</span> />
接下來大家就可以寫一個小的demo進行測試了,這樣就完成了ext6.2的搭建。