【六年開源路】FineUI家族今日全部更新！

標籤：des   style   blog   http   java   color   

 

FineUI（開源版）

基於 ExtJS 的開源 ASP.NET 控制項陳列庫 

FineUI的使命

建立 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的網站應用程式程式 

支援的瀏覽器

IE 8.0+、Chrome、Firefox、Opera、Safari 

授權協議

Apache License v2.0（ExtJS 庫在 GPL v3 協議下發布） 

相關連結

首頁：http://fineui.com/ 
論壇：http://fineui.com/bbs/ 
樣本：http://fineui.com/demo/ 
文檔：http://fineui.com/doc/ 
下載：http://fineui.codeplex.com/ 

FineUI v4.1.0更新日誌：

+2014-07-21 v4.1.0
-渲染到頁面上的按鈕，其外部容器display預設為inline-block。
-樣本grid/grid_iframe_window.aspx減少兩個Panel，實現和之前一樣的效果。
+反射擷取對象屬性時，不僅包含public屬性，而且包含private, internal屬性。
-指定參數BindingFlags.Instance|BindingFlags.Public|BindingFlags.NonPublic。
+修正普通回傳時主題丟失問題。
-重現步驟：選擇Blue主題，開啟aspnet/aspnet.aspx，點擊“4.ASP.NET按鈕”，頁面回到預設的Neptune主題。
-增加樣本other/keydown.aspx。
-為ControlUtil.FindParentControl增加重載方法，用來處理繼承關係。
-為ControlBase的GetPostBackEventReference增加重設函數，指定是否返回啟用AJAX的指令碼。
-更新樣本iframe/passvalue_iframe.aspx，增加父視窗向子視窗傳值。
-GroupPanel的預設布局由Container改為Anchor。
-修正輸出頁面的X-UA-Compatible標籤錯誤（zjfeiye-5803）。
-將icon目錄移到res目錄內部。
-修正開啟包含IFrame的Window的過程中按下ESC鍵時，可能出現彈出框的問題（tucq168-5858）。
-Tree的EnableArrows屬性預設為true。
-修正MenuCheckBox總是回傳的問題，也即AutoPostBack設定無效。
+表單增強。
-Web.config和PageManager中FormOffsetRight的預設值從5px改為0px。
-Form控制項中非最後一列的右側空白預設為5px。
-修正定義在Form，SimpleForm上的OffsetRight、LabelSeparator無效的問題。
-增加樣本form/form_disabled.aspx，將所有表單欄位禁用、設定唯讀、應用無效標識。
-Form控制項啟用Items屬性，Layout屬性預設為Anchor，可以自行設定（之前為唯讀屬性）。
-如果父控制項的布局不是Anchor，則表單欄位忽略OffsetRight屬性（也即渲染到用戶端的anchor屬性）。
-更新樣本form/layout_panel2.aspx。
-增加樣本form/layout_contactus.aspx，示範用VBox和HBox進行複雜的表單布局。
-增加樣本form/layout_checkout.aspx，示範用Form和GroupPanel製作更加複雜的表單。
-樣本dropdownlist/shengshixian.aspx重構。
-修正FileUpload無法顯示表徵圖的問題，更新樣本form/fileupload_autopostback.aspx。
+表格增強。
-增加簡單購物車樣本（grid/grid_edit_cart.aspx）。
-增加樣本grid/grid_rowcommand_download.aspx，以便在表格行內下載檔案。
-增加樣本grid/grid_summary_scrollbar.aspx，示範絕對位置合計行與橫向捲軸同時存在的情況。
-GridRow的Values屬性類型更改為object[]。
-刪除樣本grid/grid_edit_save_manual.aspx。
-重構樣本grid/grid_edit_save_auto.aspx，用戶端更新表格行對應的表單，定時儲存全部資料並顯示提示資訊。
+儲存格編輯表格增強。
-可編輯儲存格和CheckBoxField同時存在時，出現BackupPostDataProperty中無法添加相同鍵的問題（ji78-5797）。
-修正日期列在不進行修改即退出編輯狀態後，顯示左上方的已修改標識的問題。
+返回背景日期欄位為字串是格式化後的（類似2014-07-20，而不是之前的2003-09-01T00:00:00）。
-修改背景處理代碼DateTime.Parse(rowDict["EntranceDate"]).ToString("yyyy-MM-dd")，直接使用rowDict["EntranceDate"]。
-修正重新綁定資料後，仍然顯示左上方已修改標識的問題（zjfeiye-5779）。
-Grid的GetNewAddedList函數傳回型別更改為List<Dictionary<string, object>>。
-Grid的GetModifiedDict函數傳回型別更改為Dictionary<int, Dictionary<string, object>>。
+比如入學年份欄標籤定義了DataField=EntranceYear，FieldType=Int，那麼後台拿到修改值就是整形值，無需再做轉換。
-rowData["AtSchool"]=Convert.ToBoolean(rowDict["AtSchool"]);可以更改為：rowData["AtSchool"]=rowDict["AtSchool"];
-修正NumberBox的NoNegative屬性無效的問題（yezie-5789）。
+刪除無效或者重複的屬性。
-刪除TabStrip的屬性EnableTitleBackgroundColor、EnableDeferredRender。
-刪除Window的屬性Plain。
-刪除ToolbarPosition的枚舉類型Footer、Buttons，這兩個都用Bottom枚舉類型代替。
-刪除Region上的Margins屬性，刪除BoxComponent上的BoxMargin屬性，這兩個都可以使用Margin屬性代替。
-修正使用者控制項中使用NextFocusControl時定位錯誤的問題（牙膏人-5835）。
+第三方編輯器樣本重構。
-刪除FCKEditor的樣本。
-CKEditor的樣本不再使用ASP.NET控制項，而是直接調用JS。
-增加TinyMCE和UMEditor的樣本。
-更新ueditor/ueditor.aspx樣本，刪除難以理解的jQuery Promise，使用簡單的處理方式。
-更新ueditor/ueditor_two.aspx樣本，使用Form的自訂布局，而不是原始的table標籤。
-修正樹控制項綁定為空白值無效的問題，更新樣本tree/databind/tree_document.aspx（IT刀客）。

 

重要更新提醒：

1. 首次支援複雜的表單布局 

現在可以靈活使用HBox、VBox、Column、Anchor進行表單布局，而FineUI（開源版）v4.1.0之前的版本內建了SimpleForm和Form兩種固定的布局方式，下面來看幾個複雜的表單布局樣本：

 

2. GridRow的Values屬性類型更改為object[]

之前Values屬性的類型是 string[]，現在改為 object[] 更能真實的反映每列的資料類型，特別是在儲存格編輯中定義 FieldType="Int" 的情況下。

 

3. 增加幾個複雜互動的表格樣本

簡單的購物車樣本，這個樣本的關鍵在於：

1. 如何在用戶端通過JavaScript響應表格模版列中文本輸入框的改變事件
2. 如何響應表格的選中行改變事件

 

定時儲存使用者輸入值，這個樣本關鍵在於：

1. 如何自訂回傳事件，並在儲存資料後顯示成功的訊息提示
2. 如何在用戶端響應表格的行選中事件，並擷取行內容以填充表單（之前這一步是在伺服器端完成的，由於需要頻繁互動，效果不理想）
3. 如何在用戶端以及伺服器端擷取表格中文本輸入框的值

 

4. 儲存格編輯的重構

如果你之前用到儲存格編輯，則一定要升級到這個最新版本v4.1，這個版本不僅包含重要的BUG修複，而且對關鍵資料類型進行了調整：

1. Grid的GetNewAddedList函數傳回型別更改為List<Dictionary<string, object>>。

2. Grid的GetModifiedDict函數傳回型別更改為Dictionary<int, Dictionary<string, object>>。

一個典型的改變樣本:

比如入學年份欄標籤定義了DataField=EntranceYear，FieldType=Int，那麼後台拿到修改值就是整形值，無需再做轉換。

rowData["AtSchool"]=Convert.ToBoolean(rowDict["AtSchool"]);可以更改為：rowData["AtSchool"]=rowDict["AtSchool"];

 

5. 第三方編輯器重構（新增TinyMCE、UMEditor）

編輯器樣本中刪除了不容易理解的 jQuery Promise (雖然很有技術含量~_~)，使用最簡單的編程結構實現相同的功能，值得對比學習。

UMEditor：

 

TinyMCE：

 FineUI.Design v4.1更新日誌：

+2014-07-21 v4.1
-FineUI（開源版）v4.1適用。
-修正Form控制項不顯示標題的問題。
-修正問題：無法從TreeInstance屬性的字串表示形式建立FineUI.Tree類型的對象。

 

FineUI.Design是獨立於FineUI（開源版）的程式，目的是為 FineUI（開源版）控制項陳列庫提供Visual Studio的設計時支援，需要購買商業授權才能獲得。

查看詳情：支援開源！購買FineUI.Design商業授權！

 

提醒：已經購買設計時的會員，請搜尋之前收到的授權郵件（郵件標題為：FineUI.Design 授權碼投遞），並按照郵件提示重新下載新版 FineUI.Design 即可！ 

 

AppBox v4.1更新日誌：

+2014-07-21 v4.1
-項目更新為.Net40。
-Entity Framework升級為v6.1。
-FineUI升級為v4.1.0。
-如果手風琴內樹節點為空白，則不顯示手風琴項。
-修正新增菜單時JavaScript錯誤。
-為登入後首頁的外部面板增加AutoScroll="true"，使其在適當的時候出現縱向捲軸。
-重構admin/role_power.aspx頁面的用戶端指令碼，使其更簡潔和準確。
-修正對關聯屬性排序時出錯的問題（忽然白髮、☆☆αβ☆☆）。
-修正角色許可權管理頁面按鈕未進行許可權管理的問題。
+最佳化跨頁保持選中項的實現。
-影響頁面role_user_addnew.aspx、dept_user_addnew.aspx、title_user_addnew.aspx。
-在Page_Load中而不是在控制項事件中調用SyncSelectedRowIndexArrayToHiddenField。
-恢複登入後首頁的大標題列。

重要更新提醒：

1. 鑒於使用.Net40的使用者比較多，這次將AppBox的項目從Net45降級為Net40。
2. FineUI升級為最新版v4.1.0。
3. 修正關聯屬性排序出錯的問題。
4. 恢複登入後首頁的大標題列。

註：AppBox屬於捐贈軟體，你可以通過捐贈作者（>=1元）來擷取AppBox全部原始碼。

再來一張，看下效果：

 

FineUI（專業版）發布預告

FineUI（專業版）是由三生石上全新打造的基於 jQuery 的專業 ASP.NET 控制項陳列庫。


選擇FineUI（專業版）的四大理由：
1. 簡單：專業版和開源版相容（v4.1），您現在就可以使用開源版進行開發，升級到專業版只需替換 DLL 和改名即可。
2. 極速：專業版基於 jQuery 庫重寫，JavaScript體積明顯減少，記憶體佔用急劇下降，頁面載入速度有大幅度的提升。
3. 多彩：專業版內建 25 種主題，使用者還可以使用 jQueryUI ThemeRoller 建立專屬自己的皮膚。
4. 便宜：專業版不限開發人員數量和永久免費升級，使得典型授權案例的費用減少為開源版的 1/3 左右。


詳情：http://fineui.com/pro/ 


註：
        1. FineUI（專業版）由合肥三生石上軟體有限公司榮譽出品，僅限企業購買。
        2. FineUI（開源版）會繼續維護和開發，個人使用者推薦使用開源版。

 

FineUI（專業版）預覽版將在 2014-07-31 號發布，正式版將於 2014-08-15 發布！

 

為了讓大家對FineUI（專業版）有個好印象，先放出 25 張 AppBox 在 FineUI（專業版） 下的出彩：

 

 

 

關注作者 + 推薦本文

如果本文對你有所協助，別忘了【關注作者】 + 【推薦本文】，你的支援是我們前進的動力！

 

 

 

質疑部落格園的管理行為，甚至如下一篇純技術分享博文都被移出首頁，等待回複：http://www.cnblogs.com/cmt/p/3857692.html

FineUI小技巧（6）自訂頁面回傳 http://www.cnblogs.com/sanshi/p/3806507.html

這篇博文有那個地方不符合要求了，被移除首頁？

這是一篇純技術分享的部落格，介紹了如何在開源FineUI中進行自訂頁面回傳，包含三塊知識，10個程式碼片段，5個運行時。花了作者不下1.5小時來寫這篇博文。