摘要:VisualStuio2015 asp.net mvc如何引用ExtJS6,使用BundleConfig。

首先下載ExtJS6.0 gpl版。ExtJS有自己的程序框架,但我們需要asp.net mvc5,ExtJS只用作界面庫。

接下來要把下載好的ExtJS6的核心部分抽取出來,目錄結構是這樣的:

大數(shù)據(jù)培訓,云培訓,數(shù)據(jù)挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓

要引用的東西全在build目錄下,這個目錄有400多M,對于vs項目引用太大了。先把build目錄復制到VS項目目錄下重命名為ExtJS60。

1、將目錄examples、welcome,文件index.html、release-notes.html刪除。

2、刪除調試用的文件。這個目錄里有許多*debug.js、*debug.scss文件,刪除之。用Everything

大數(shù)據(jù)培訓,云培訓,數(shù)據(jù)挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓

這樣一處理就剩下40多M了??梢灾苯邮褂梦姨幚砗玫?nbsp;http://pan.baidu.com/s/1qYMtE0W 密碼: 1q14。

接下來就是利用@Scripts.Render和@Styles.Render引用ExtJS。MVC提供了BundleConfig.cs文件用于增加js腳本和css樣式,View視圖統(tǒng)一調用,還能對js和css進行壓縮。

1、js文件主要引用兩個ext-all.js和locale-zh_CN.js。

2、主題Css文件。先要在BundleConfig.cs文件中把主題的css文件引用上。
ExtJS6.0\build\classic\theme-主題\resources這個目錄下有個主css文件,名字:theme-主題-all.css。

有的可以直接引用,例如build\classic\theme-classic\resources\theme-classic-all.css,

有的本身又導入兩個css文件,例如build\classic\theme-triton\resources\theme-triton-all.css

網友評論