女朋友鄙視我原創少...
1.下載
進入官方論壇:
http://www.fineui.com/bbs/
要用到下載源代碼和空項目下載

源代碼直接下載,注意FineUI版本

空項目里下載 對應版本的空項目,注意.NET版本,與VS版本相關。_V后是FineUI的版本號。
最新的在網盤里


注意看.net版本,

解壓,現在得到兩個文件

第二個是源碼,第一個是空項目。把空項目里的extjs包復制到源碼 FineUI_v4.2.0_source_all/FineUI.Examples 目錄里,

這時源代碼就可以生成運行了。
注意FineUI開發環境,比如,我電腦上是VS2010,打不開現在的最新項目4.2.+,其實就是解決方案打不開,會出現雙擊沒反應情況。我用VS2010先建個空解決方案,再把項目加進去就可以了。
最新的有個test直接扔,不知道干啥的,
有些Vs2010 會出現 找不到 控件的問題,
解決辦法就是 創建個工具箱 把DLL添加到工具箱里面 然后隨便拖一個控件到窗體上 再把控件刪掉 @北京-磚家
或者升級vs補丁 @沈陽-Sunday
2.學習FineUI
解決方案包含兩個項目 FineUI
FineUI.Examples
,
FineUI 項目生成FineUI為
FineUI后台源碼,生成對應的
FineUI.dll,
FineUI.Examples為例子程序,對應官方在線示例
http://fineui.com/demo/。
default.aspx為啟動頁,是個母版頁式的頁面,其他頁面以頁簽形式展現,頁面打開后上邊是logo,左邊是目錄樹,右邊是顯示區域。
生成項目成功后初學者應當對照項目查看官方教程
http://www.fineui.com/doc/,對整個教程查看之后(最少看完前四章)對FineUI開發有個初步了解。
項目運行后可以點擊 源代碼 查看當前頁面源代碼 方便學習。地址欄會給出當前頁面的地址
http://fineui.com/demo/#/demo/grid/grid_groupheader.aspx即
FineUI.Examples
目錄下grid/grid_groupheader.aspx文件,VS中搜索
grid_groupheader.aspx.cs即可。

注意打開解決方案跟蹤活動項。

所有方法屬性(不包括js)都可以在官方API查找 http://www.fineui.com/api/ ,提供理解屬性的意義。

加入QQ群 158028499 方便解答各種問題,里面的保姆很專業,而且群共享里還有好多資源。
3.源代碼分析
注意查看Web.config學習dll的引用。
AssemblyInfo.cs配置版本和頁面信息。

CommonResourceHelper.RegisterCommonResource可配置頁面加載引用的js,js目錄在FineUI.Examples\extjs 可以自己添加必備的js。

其中string metaContent 參數配置網頁信息。
ResourceManager
提示為找到extjs錯誤的信息。

所有配置頁面都繼承自
PageBase
其中繪制頁面時通過
Cookie判斷頁面樣式。表格的創建(即模擬數據)及其他頁面需要的方法。
控件的所有方法都可以找到對應源碼(F12)供學習參考。

extjs為整個FineUI開源版基礎,FineUI優化成了兩個js文件,
,其中ext-part2.js未壓縮,可以參考學習一些基礎用法。
ext-part1可以搜索解壓軟件解壓查看,也可參考extjs源碼下的ext-4.2.1-gpl\ext-4.2.1.883\ext-all-debug.js文件。
,其中ext-part2.js未壓縮,可以參考學習一些基礎用法。
ext-part1可以搜索解壓軟件解壓查看,也可參考extjs源碼下的ext-4.2.1-gpl\ext-4.2.1.883\ext-all-debug.js文件。
FineUI是開源的,直接用的程序員不是好廚子。
