將命令加入至 LightSwitch 螢幕

 

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

本課程示範如何將命令加入至 LightSwitch 畫面。

命令會顯示在畫面的工具列上,並在使用者選擇時執行工作。 在大多數情況下,命令會從您撰寫的方法來執行自訂程式碼,不過命令也可從現有方法來執行程式碼。

將命令加入至畫面

  1. 在 [方案總管] 中,開啟 [CurrentProductList.lsml] 節點的捷徑功能表,然後選擇 [開啟]。

  2. 在 [畫面設計工具] 的 [資料列配置 | 相關產品] 節點下,展開 [命令列] 節點。

  3. 在 [加入] 清單中,選擇 [新增按鈕]。

  4. 在 [加入按鈕] 對話方塊中,選擇 [撰寫我自己的方法] 選項按鈕,將按鈕命名為 ProductCount,然後選擇 [確定] 按鈕。

  5. 在左窗格中,選擇 [ProductCount] 節點。

  6. 在 [屬性] 視窗中,選擇 [編輯 Execute 程式碼] 連結。

    [程式碼編輯器] 隨即開啟,並顯示 ProductCount_execute() 方法。

  7. ProductCount_execute() 方法中,加入下列程式碼。

    myapp.CurrentProductList.ProductCount_execute = function (screen) {  
        var categoryCount;  
        categoryCount = screen.ProductsByCategory.data.length;  
        msls.showMessageBox("There are " + categoryCount + " related products.");  
    };  
    
    

    當使用者選擇您剛才建立的按鈕時,此程式碼會顯示一個訊息方塊。

  8. 執行應用程式。 開啟 [目前的產品清單] 畫面,選擇 [相關產品] 索引標籤,然後選擇 [產品計數] 按鈕。

    [分類計數] 訊息方塊應該顯示訊息「有 0 個相關產品」。

  9. 選擇 [確定] 按鈕,然後選擇 [產品清單] 索引標籤並選擇一個產品。

  10. 選擇 [相關產品] 索引標籤,然後選擇 [產品計數] 按鈕。

    訊息方塊應該顯示相關項目的正確數目。

  11. 關閉應用程式以返回設計模式。

加入執行現有方法的命令

  1. 在 [畫面設計工具] 中,針對 [CurrentProductList.lsml] 畫面開啟 [快顯] 節點的捷徑功能表,然後選擇 [加入快顯]。

  2. 開啟 [加入] 清單,然後選擇 [目前的產品] 下的 [- 選取的項目]。

  3. 開啟 [命令列] 節點的捷徑功能表,然後選擇 [加入按鈕]。

  4. 在 [加入按鈕] 對話方塊中,接受 [選擇現有方法]、[showPopup] 和 [快顯:群組] 的預設選項,然後選擇 [確定] 按鈕。

  5. 在 [屬性] 視窗中,選擇 [顯示名稱] 屬性,然後輸入 View Details

  6. 開啟 [圖示] 屬性的清單,然後選擇 [問號]。

  7. 執行應用程式,然後開啟 [目前的產品清單] 畫面。

    請注意,工具列會包含具有問號圖示的 [檢視詳細資料] 按鈕。

  8. 選擇產品,然後選擇 [檢視詳細資料] 按鈕。

    快顯會隨即顯示,並提供您選取之產品的詳細資料。

本課程示範如何將命令加入至 [CurrentProductList] 畫面,以及如何加入使用者每次選擇命令按鈕時所執行的程式碼。 此程式碼執行 showMessageBox 方法,該方法顯示提供所選分類中之產品計數的訊息方塊。

您也加入了執行現有 showPopup 方法的命令以顯示快顯,並且變更了按鈕的顯示名稱和圖示。

命令還有許多其他用途,例如巡覽其他畫面、收集使用者輸入,或甚至傳送電子郵件。

在下一個課程中,您將學習如何修改功能表。

下一個課程:使用功能表

建立命令和使用功能表
如何:加入按鈕

顯示: