自适应卡片快速查看导航未触发

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 交互。