自適應卡片快速查看導航未觸發

Question

好的，所以我剛剛開始使用自適應卡並下載了 PNP ACE 項目（ Git Hub 鏈接）作為起點。 啟動項目並運行 gulp serve.... 一切看起來都很棒.... 直到我嘗試單擊 CardView 上的 View Items 或 Add Item 按鈕。 這兩個按鈕都會觸發 QuickView，但是當您單擊它們時，什么也沒有發生。 嘗試了 2 種不同的瀏覽器，沒有在控制台中注冊錯誤，它就像沒有與按鈕綁定的操作一樣。

所以，想着“好吧，也許某事在提交中搞砸了”，我使用 yeoman 開始了一個全新的項目。

完成項目的建立、建設和服務； 完全相同的問題！ 默認 ACE 項目模板中的按鈕也不起作用。 我不知道什么給了。

這是模板創建的按鈕的功能：

public get cardButtons(): [ICardButton] | [ICardButton, ICardButton] | undefined {
return [
  {
    title: strings.QuickViewButton,
    action: {
      type: 'QuickView',
      parameters: {
        view: QUICK_VIEW_REGISTRY_ID
      }
    }
  }
]};

這看起來就像 PNP 示例（以及我在網上看到的所有其他示例）。 甚至 quickViewNavigator 的填充也是一樣的。 這是模板項目中的一個（刪除了類定義以節省空間）：

const CARD_VIEW_REGISTRY_ID: string = 'JasonAdaptiveTest_CARD_VIEW';
export const QUICK_VIEW_REGISTRY_ID: string = 'JasonAdaptiveTest_QUICK_VIEW';

public onInit(): Promise<void> {
    this.state = { };

    this.cardNavigator.register(CARD_VIEW_REGISTRY_ID, () => new CardView());
    this.quickViewNavigator.register(QUICK_VIEW_REGISTRY_ID, () => new QuickView());

    return Promise.resolve();
  }

那么給了什么？ 為什么這些不起作用？ 是否有一些 NPM 包可能丟失？

Answer 1

好吧，在教程中找到了解釋我的問題的那一行。 單個注釋，在不一定是關於快速查看的頁面中。

筆記

ACE 交互在編輯模式下被禁用。 工作台或頁面必須 > 處於預覽或閱讀模式才能與 ACE 交互。