【问题标题】:Polymer paper-dialog not hiding on button press聚合物纸对话框不隐藏在按钮按下
【发布时间】:2015-02-28 10:33:29
【问题描述】:

我设置了一个纸质对话框,由于某种原因,当用户按下肯定或拒绝按钮时,纸质对话框没有关闭。

我的按钮设置如下,似乎是正确的:

<paper-button dismissive hover on-tap="{{addNewGraph}}">Cancel</paper-button>
<paper-button affirmative hover on-tap="{{addNewGraph}}">Submit</paper-button>

这是一个与我正在做的非常相似的 plunker: http://plnkr.co/edit/6aNT88vi9lHLwLN9Pab3?p=preview

关于为什么这不起作用的任何想法?

【问题讨论】:

    标签: javascript polymer material-design


    【解决方案1】:

    如果你想使用肯定和不屑一顾的属性,你必须使用 paper-action-dialog。我不知道为什么这会被分成另一个元素。但它发生在几个版本之前。

    <paper-action-dialog id="secondDialog" backdrop transition="paper-dialog-transition-center">
      <div layout horizontal>
        <paper-button raised class="colored" self-center>Upload File</paper-button>
        <paper-input-decorator label="Enter URL for Dataset" floatingLabel error="A URL is required!" flex self-center>
          <input is="core-input" id="graphSource" required>
        </paper-input-decorator>
      </div>
      <div>
        <paper-button dismissive hover on-tap="{{addNewGraph}}">Cancel</paper-button>
        <paper-button affirmative hover on-tap="{{addNewGraph}}">Submit</paper-button>
      </div>
    </paper-action-dialog>
    

    尝试与您的 plunker 合作时,我遇到了与我们在另一篇文章中谈到的在对话框中访问元素的问题类似的问题。所以我把所有东西都放在一个自定义元素中接受按钮来切换第一个对话框。

    http://plnkr.co/edit/dWmkTeY17wEE3hXhQFql?p=preview

    【讨论】:

    • 所以我被另一个项目分心了,但最后还是回到了这个项目,这非常感谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-20
    相关资源
    最近更新 更多