有没有办法确定抽屉面板是打开还是关闭
Is there a way to determine if drawerPanel is open or closed?
或者更确切地说,聚合物源中已经定义了天然方法?我确信我可以编写一个函数来轻松处理逻辑,但是我已经做了一些挖掘,并且没有提出任何关于已经实现的确定方法的方法。只是想知道我是否必须自己写一些东西。
编辑:刚刚意识到,即使我确实编写了一个 tagalong 函数来跟踪抽屉何时通过 toggleDrawer()
打开/关闭,当抽屉被滑动打开或滑动关闭时,它会被扔掉,所以我当然希望有一个本机方法。
编辑:使用XL链接我的页面@Justin信息,我做了一些测试,发现通过滑动或按下抽屉按钮关闭抽屉的一般打开触发了2个核心选择事件,但通过单击抽屉项目关闭触发了4。我已经设法提出了一个解决方案,该解决方案应该能够在任何时候根据 2 个变量确定抽屉是打开还是关闭。
drawerOpenIgnoreClose = false;
drawerOpen = false;
drawerEvent = 0;
drawer.addEventListener('core-select', function() {
drawerEvent++;
//console.log('drawerpanel event fired ' + drawerEvent);
if (drawerEvent >= 2) {
if (drawerOpenIgnoreClose) {
drawerOpenIgnoreClose = false;
console.log('drawer is closed, not from click of menu item');
} else {
drawerOpenIgnoreClose = true;
console.log('drawer is open');
}
drawerEvent = 0;
}
});
每次调用 drawerPanel.closerDrawer()
时,即每次单击菜单项时,drawerOpen
都设置为 false。然后我可以确定抽屉是否打开
function checkDrawer() {
if (drawerOpen && drawerOpenIgnoreClose) {
console.log('drawer is definitely open');
return true;
} else if (!drawerOpen || !drawerOpenIgnoreClose) {
console.log('drawer is definitely closed');
return false;
}
}
抽屉外的按钮和抽屉内的按钮运行checkDrawer()
(两者分别返回打开/关闭)还没有让我失望,但我会做更多的测试。我什至不知道这是否是最简单甚至正确的处理方式,但它似乎有效,我很高兴。
再次编辑:设法发现问题,如果滑动打开抽屉面板,checkDrawer()
将重新关闭。我敢肯定,更多的逻辑会修复它。将进行一些调整。
我想你的意思是core-drawer-panel
.
有一个narrow
属性可以告诉您面板是否处于狭窄布局中。
或者,您可以订阅core-responsive-change
事件并使用detail.narrow
来确定。
您可以从此处阅读更多内容。
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 有没有一种方法可以添加相同的项目val=“0”;4〃;到JavaScript中数组的每个对象
- 有没有一种方法可以防止img get请求使用css或js发生
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- 有没有一个javascript图形绘制库可以进行气球树布局
- 有没有更好的动手、具体的方法来学习Javascript
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- 有没有可能确定我博客的访问者的性别
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 有没有任何方法可以使用node-js从不同的机器打开浏览器
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- 有没有办法在tinymceiframe中加载一个外部javascript文件
- 有没有一个抽象层,这样我就可以集成一次,然后使用pusher、pubnub或faye
- 有没有一种方法可以从URL跟踪请求的域
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 有没有一种方法可以列出Ember.Object的所有绑定
- 有没有可能有多个有棱角和咕哝的跑步块
- 有没有针对带有表的JavaScript的Markdown语法解析器
- 有没有一种方法可以获得three.js的最小/lite版本
- 有没有一种方法可以在没有文档或jQuery的情况下使用javascript解码html实体