LightSwitch 應用程式的 HTML 用戶端螢幕

 

如需 Visual Studio 2017 的最新文件請參閱 Visual Studio 2017 文件

您可以使用 LightSwitch 建立針對行動裝置顯示最佳化的 HTML 用戶端螢幕。 本主題介紹可用來建立以 HTML5 為基礎之螢幕的範本、可用來設計螢幕的工具,以及為您的 LightSwitch 應用程式設計最佳螢幕時可執行的一些工作。

如需利用 HTML 螢幕之用戶端的端對端範例,請參閱逐步解說:為行動使用者建立用戶端

您可以將一個或多個 HTML 用戶端加入至現有的 LightSwitch 應用程式,也可以建立只包含一個 HTML 用戶端的 LightSwitch 應用程式。 每個 HTML 用戶端在 LightSwitch 方案內都會包含在自己的專案中。

若要開始進行,請使用下列其中一個螢幕範本建立螢幕:

  • 常見的螢幕集合

  • 瀏覽螢幕

  • 檢視詳細資料螢幕

  • 加入/編輯詳細資料螢幕

如需如何選擇範本的詳細資訊,請參閱選擇螢幕類型

如需如何尋找這些範本的詳細資訊,請參閱 如何:建立 HTML 用戶端螢幕

您可以使用畫面設計工具修改畫面的設計。 畫面設計工具會顯示像是資料欄位和命令等項目,以及以階層方式呈現資料的畫面內容樹狀結構。 您可以將項目拖曳到螢幕內容樹狀結構,並依照所要的順序排列項目。

如需畫面設計工具的詳細資訊,請參閱螢幕設計工具導覽

如需如何在畫面設計工具中執行特定工作的詳細資訊,請參閱 如何:使用螢幕設計工具設計螢幕

若要修改螢幕的設計,可以執行下列工作:

  • 修改螢幕的外觀

  • 將欄位和命令加入至螢幕

  • 篩選出現在螢幕中的資料

  • 將資料加入至螢幕

  • 自訂螢幕之間的巡覽方式

  • 使用程式碼修改螢幕

修改螢幕的外觀

您可以修改資料在螢幕上顯示的方式。 例如,您可以設定以一般清單或並排顯示清單顯示資訊集合。 您可以變更欄位顯示的順序,或將欄位設為同一群組。

如需詳細資訊,請參閱如何:使用螢幕設計工具設計螢幕

將欄位和命令加入至螢幕

LightSwitch 中的 HTML 螢幕提供內建命令,讓使用者可以檢視、更新、刪除或儲存資料。 您也可以加入自訂命令和欄位。

如果您要將商務邏輯加入至螢幕,可加入自訂命令。 例如,您可以加入按鈕,讓使用者可以根據銷售訂單數量來顯示客戶清單。 如需詳細資訊,請參閱如何:加入按鈕

您可以加入自訂的本機屬性欄位,以收集或顯示資訊。 例如,您可以在銷售數量按鈕旁邊加入文字方塊,讓使用者可以指定要在清單中顯示多少客戶。 如需詳細資訊,請參閱如何:加入區域屬性

將自訂控制項加入至螢幕

您可以將自訂控制項加入至 HTML 螢幕,透過超越 LightSwitch 內建控制項功能的方式顯示或收集資訊。 您還可以使用自訂控制項來取代任何出現在螢幕上的內建 LightSwitch 控制項。 如需詳細資訊,請參閱如何:加入自訂控制項

篩選出現在螢幕中的資料

您可以透過修改螢幕查詢條件,篩選出現在螢幕中的資料。

出現在設計工具左窗格中的每個資料群組都是以查詢為基礎。 螢幕只會顯示查詢所傳回的資訊。 若要變更資料群組顯示的資訊,請修改其查詢。

如需詳細資訊,請參閱如何:篩選資料

將資料加入至螢幕

您可以將其他類型的資料加入至螢幕。 例如,在顯示客戶的螢幕中,您可以加入顯示訂單清單的資料方格。 如需詳細資訊,請參閱如何:將資料加入至螢幕

自訂螢幕之間的巡覽方式

在 HTML 用戶端中,只有一個螢幕隨時處於現用狀態。 您可以指定使用者如何從其他螢幕開啟一個螢幕,以及當螢幕變成非現用時所發生的情形。

如需詳細資訊,請參閱如何:控制巡覽方式

使用程式碼修改螢幕

您可以在 LightSwitch 呼叫的部分方法中加入程式碼,以便在執行階段發生特定事件時,適當修改螢幕。 例如,您可以加入程式碼,隱藏希望對您的應用程式使用者保持匿名的公司名稱。 此程式碼會檢查客戶的公司名稱,並且在找到相符項目時,將 CompanyName 欄位的 IsVisible 屬性設定為 False,然後才在螢幕上顯示資訊。

如需撰寫程式碼位置的詳細資訊,請參閱 如何:處理螢幕事件

如需如何加入修改螢幕之程式碼的詳細資訊,請參閱 如何:使用程式碼修改螢幕

如需 LightSwitch HTML 用戶端應用程式開發介面的清單,請參閱 HTML 用戶端 API 參考

標題描述
選擇螢幕類型描述可做為建立螢幕起點的範本。
如何:建立 HTML 用戶端螢幕示範如何將螢幕加入至您的應用程式。
螢幕設計工具導覽說明設計工具的組件及其功能。
如何:使用螢幕設計工具設計螢幕示範如何使用畫面設計工具。
如何:加入區域屬性示範如何將自訂本機屬性欄位加入至螢幕。
如何:加入按鈕示範如何在螢幕中加入執行自訂程式碼的按鈕或連結。
如何:加入自訂控制項示範如何在 LightSwitch 螢幕中使用自訂 HTML 控制項。
如何:將資料加入至螢幕示範如何將資料從其他查詢加入至螢幕。
如何:篩選 HTML 螢幕上的資料示範如何使用查詢控制出現在螢幕中的資料。
如何:處理螢幕事件描述如何藉由撰寫特定事件發生時執行的程式碼來自訂應用程式。
如何:使用程式碼修改螢幕描述如何使用程式碼修改控制項並與螢幕上的項目互動。
參考:螢幕設計工具屬性描述出現在螢幕成員清單中和畫面設計工具的螢幕內容樹狀結構中之項目的屬性。 您可以使用 [屬性] 視窗設定屬性值,藉此修改項目的外觀和行為。
如何:控制巡覽方式描述 LightSwitch 應用程式之 HTML 用戶端的螢幕導覽模型。
顯示: