Question

我有一个应用程序，它使用核心菜单中核心子菜单内部的典型核心项目模式。这个菜单在抽屉里。我的主要内容区域是一个非常长的基于文本内容的页面。单击任何核心项目，跳转到主要内容中的特定锚点。

我的问题是如何以编程方式控制选择哪个核心项/核心子菜单？我想实现模式，其中用户将主内容区域滚动到不同的部分，并且核心菜单选择基于当前可见的文本内容而一致地改变。我可以在主窗口中监视滚动事件，但是如何更改核心菜单中选择的项目？

Answer 1

您可以尝试selected属性。

以下示例将展开收藏夹并选择收藏夹3 。

<core-menu selected="1">   
    <core-submenu icon="settings" label="Topics" selected="1">
        <core-item label="Topic 1"></core-item>
        <core-item label="Topic 2"></core-item>
    </core-submenu>     
    <core-submenu icon="settings" label="Favorites" selected="2">
        <core-item label="Favorite 1"></core-item>
        <core-item label="Favorite 2"></core-item>
        <core-item label="Favorite 3"></core-item>
    </core-submenu>  
</core-menu>

您可以使用selected="{{selected}}"或this.$.menu.selected = '0'之类的数据绑定来以编程方式更新值。请将此jsbin视为小型演示。

以编程方式更改core-menu / core-submenu的选择

1 个答案: