摘要:VisualStuio2015 asp.net mvc如何引用ExtJS6,使用BundleConfig。
首先下載ExtJS6.0 gpl版。ExtJS有自己的程序框架,但我們需要asp.net mvc5,ExtJS只用作界面庫(kù)。
接下來(lái)要把下載好的ExtJS6的核心部分抽取出來(lái),目錄結(jié)構(gòu)是這樣的:
要引用的東西全在build目錄下,這個(gè)目錄有400多M,對(duì)于vs項(xiàng)目引用太大了。先把build目錄復(fù)制到VS項(xiàng)目目錄下重命名為ExtJS60。
1、將目錄examples、welcome,文件index.html、release-notes.html刪除。
2、刪除調(diào)試用的文件。這個(gè)目錄里有許多*debug.js、*debug.scss文件,刪除之。用Everything
這樣一處理就剩下40多M了??梢灾苯邮褂梦姨幚砗玫?nbsp;http://pan.baidu.com/s/1qYMtE0W 密碼: 1q14。
接下來(lái)就是利用@Scripts.Render和@Styles.Render引用ExtJS。MVC提供了BundleConfig.cs文件用于增加js腳本和css樣式,View視圖統(tǒng)一調(diào)用,還能對(duì)js和css進(jìn)行壓縮。
1、js文件主要引用兩個(gè)ext-all.js和locale-zh_CN.js。
2、主題Css文件。先要在BundleConfig.cs文件中把主題的css文件引用上。
ExtJS6.0\build\classic\theme-主題\resources這個(gè)目錄下有個(gè)主css文件,名字:theme-主題-all.css。
有的可以直接引用,例如build\classic\theme-classic\resources\theme-classic-all.css,
有的本身又導(dǎo)入兩個(gè)css文件,例如build\classic\theme-triton\resources\theme-triton-all.css
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式