使用 VisualWebGUI 的 Project 由 v6.3.17 升級至 v10.0.4

Visual WebGUI  v6.2.x 及之前嘅版本係免費嘅，不過由 v6.3.x 開始就要收錢，而且又整多咗啲 Extensions/ Enterprises 嚟收錢，所以我啲舊 projects 基本係升級到 6.3.17 就停咗，唔想再俾錢，而且佢啲新版本 6.4.x/ 7.1.x/ 7.2.x 出得好快，搶錢之餘又越搞越差，舊 bugs 喺新版本又會出現番，forum 上啲勁人又唔見哂，總之就係早走早著！

不過，到咗今年佢知道唔掂，大概係使哂啲天使投資，回歸當初，搞咗個 10.0.x 出嚟，open source，完全免費！

咁，我咪又試下升級啲 projects，由 v6.3.17 直升 v10.0.4，貪佢可以支持 Chrome/ Safari/ IE 10/ IE11，唔使淨係用 Firefox。

順便升多幾樣嘢：

• .NET Framework 3.5 => 4.0
• VS2008 => VS2010
• Team Foundation Server => BitBucket

好似大手術？唔算嘅，主要係啲 programs 唔會掂改寫，改用啲新少少嘅 development tools 啫！

１。　下載 Visual Web GUI v10.0.4

小心唔好揀錯版本

２。　Uninstall 舊版 Visual Web GUI。

３。　安裝新版　Visual Web GUI，我用 with Sources 嗰隻。

４。　Launch VS2008 舊 project，取消 Team Foundation Server 嘅聯繫：

我個 project 叫 Job.Book，有一隻 solution 加兩隻 projects：

一隻一隻嚟，highlight 完再 click Unbind，就係咁，變成 local project，冇用 sources control。

５。　跟住就可以 close VS2008，再用 VS2010 打開同一個 project，VS2010 自動升級隻 solution + projects files. 順利打開就去 check 下個 solution properties，睇下係咪用 .NET Framework 4.0？如果依然係 3.5 就自己改為 4.0：

６。　接住落嚟就去更新啲 Visual WebGUI References，改用 v10.0.4：

７。　係時候更正 Web.Config 入面啲資料，以前要手動，一項一項咁改，Visual WebGUI 新版提供咗一個非常方便嘅 tools 嚟做哩啲嘢，喺 Solution Properties 入面：

７。１　Start Form 可以指定你個 project 要用邊個 Form 做 default starting form:

７。２　Controls 可以選用邊啲你個 project 會用到嘅 Extension Controls:

７。３　Themes 可以預載你想用嘅 Themes，第一列有 check 嘅就係 default theme（下面即係 Vista 被選為 default theme），Multi themes support 係可以容許喺你用緊嘅 theme 之外每隻 control 用唔同嘅 theme，我試過，work 就 work，不過諗唔倒有咩用？

runtime 改 theme　有啲唔同，之前係

this.Context.CurrentTheme = new Theme(“Vista”);

依家係

this.Context.CurrentTheme = “Vista”;

７。４　Directories 可以俾你指定 Resources 入面嘅 directories，例如下圖指定 Icons 就存喺 RecourcesIcons 之下，不過跟以前啲版本不同，IconResourceHandle 會假設你提供嘅 icon 係喺 ResoucesIcons 之下，你唔使好似以前咁 Icons.16×16.Save.gif，俾 16×16.Save.gif 就可以，ImageResourceHandle 都係，所以，我要 Global 改哂我喺 6.3.x 時候嘅 IconResourceHandle 同 ImageResourceHandle：

７。５　NavigationTabs 有啲改咗，以前會用 Gizmox.WebGUI.Forms.TabPage，依家係 Gizmox.WebGUI.Forms.NavigationTab，要自己打開個 designer.cs 改：

大致上有關 Visual WebGUI 要改嘅嘢就係咁多，接住就可以 re-build 個 projects，re-build 之前記得先去將 bin 同 obj 刪除，清哂啲舊嘢！

今篇到此為止，BitBucket 另外再講。

節錄一段 Web.Config 做參考：

<configSections>;
<section name="dataConfiguration" type="Microsoft.Practices.EnterpriseLibrary.Data.Configuration.DatabaseSettings, Microsoft.Practices.EnterpriseLibrary.Data, Version=4.1.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />;
<section name="WebGUI" type="Gizmox.WebGUI.Common.Configuration.ConfigHandler, Gizmox.WebGUI.Common, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" />;
<section name="wwDbResourceProvider" type="Westwind.Globalization.wwDbResourceProviderSection" requirePermission="false" />;
<sectionGroup name="devExpress">;
<section name="compression" type="DevExpress.Web.ASPxClasses.CompressionConfigurationSection, DevExpress.Web.v10.1, Version=10.1.5.0, Culture=neutral, PublicKeyToken=940cfcde86f32efd" requirePermission="false" />;
<section name="themes" type="DevExpress.Web.ASPxClasses.ThemesConfigurationSection, DevExpress.Web.v10.1, Version=10.1.5.0, Culture=neutral, PublicKeyToken=940cfcde86f32efd" requirePermission="false" />;
<section name="errors" type="DevExpress.Web.ASPxClasses.ErrorsConfigurationSection, DevExpress.Web.v10.1, Version=10.1.5.0, Culture=neutral, PublicKeyToken=940cfcde86f32efd" requirePermission="false" />;
</sectionGroup>;
</configSections>;

<Controls>;
<Control Type="Gizmox.WebGUI.Forms.ScheduleBox, Gizmox.WebGUI.Forms.Office, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=d50c2c7452ba77d9" />;
<Control Type="Gizmox.WebGUI.Forms.NavigationTabs, Gizmox.WebGUI.Forms.Office, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=d50c2c7452ba77d9" />;
<Control Type="Gizmox.WebGUI.Forms.Editors.FCKEditor, Gizmox.WebGUI.Forms.Extended, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=85eae29607c9f5f3" />;
</Controls>;

<Themes Selected="Vista">;
<Theme Name="Vista" Type="Gizmox.WebGUI.Forms.Themes.Vista, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="Analytics" Type="Gizmox.WebGUI.Forms.Themes.Analytics, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="FaceBook" Type="Gizmox.WebGUI.Forms.Themes.FaceBook, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="LiveOffice" Type="Gizmox.WebGUI.Forms.Themes.LiveOffice, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="Office2010" Type="Gizmox.WebGUI.Forms.Themes.Office2010, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="Default" Type="Gizmox.WebGUI.Forms.Themes.Default, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="iOS" Type="Gizmox.WebGUI.Forms.Themes.iOS, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
<Theme Name="Graphite" Type="Gizmox.WebGUI.Forms.Themes.Graphite, Gizmox.WebGUI.Forms.Themes, Version=4.0.5701.0, Culture=neutral, PublicKeyToken=263fa4ef694acff6" MultiThemeSupport="On" />;
</Themes>;

<Directories>;
<Directory Code="Icons" Path="ResourcesIcons" />;
<Directory Code="Images" Path="ResourcesImages" />;
<Directory Code="Generated" Path="ResourcesGenerated" />;
<Directory Code="UserData" Path="ResourcesUserData" />;
</Directories>;

P.S. 仲有少少麻煩嘢要跟進：

• IconResourceHandle
  一向做法係用 IconResourceHandle(“Icon.16×16.icon.png”)，但係依家個 icon folder 會依照你個 web.config 設定（通常係 Recources/Icon），你唔使再打 Icon. 即係用 IconResourceHandle(“16×16.icon.png”)  就己經 okay。
• ImageRecourceHandle
  跟 IconResourceHandle 同樣處理
• ListView 個 header 唔見咗
  當 ListView 有 Toolbar 同埋 footer（即係同一個 form 次內有隻 Toolbar.Dock = DockingStyle.Top 同埋有隻 Panel.Dock = DockingStyle.Bottom），隻 ListView 喺中間 ListView.Dock = DockingStyle.Fill，咁嘅時候，隻 ListView 個 header 會唔見咗，解決方法係夾硬加個 Margin 推低佢：
  ListView.Margin = new Padding(0, 22, 0 ,24);
• Form.AcceptButton 唔再 Work
  AcceptButton 即係你喺個 form 之內按 return 掣，個指定嘅 Button_Click event 會 fire，我經常會用喺 Login form，方便啲嘛，依家唔得，解決方法係用 TextBox.EnterKeyDown，都幾煩㗎，要續隻 Textbox 咁加。

 

*** THE END ***