ペーパードロップダウンメニューに「クリアボタン」を追加するには？紙入力で

Question

は、私が「クリアボタン」を持っている：

<paper-input 
      id="myinput" maxlength="10" char-counter label="myinput" 
      always-float-label required> 
    <paper-icon-button suffix 
     onclick="clearInput('InputClientes')" 
     icon="clear" 
     class="iconClear" 
     alt="clear" 
     title="clear"> 
    </paper-icon-button> 
</paper-input> 

選択をクリアするために紙のドロップダウン・メニューに似たボタン（クリアボタン）を追加することが可能です？。

ありがとうございました。

Answer 1

1.あなたはpaper-listbox内部でpaper-dropdown-buttonを使用する場合は、現在の値をクリアするnullにそのselectedプロパティを呼び出すことができます。

2.このメソッドを呼び出すボタンを追加し、position:relative CSSルールでスタイルして適切な場所に配置します。

iron-selectイベントをリッスンすると、リスト内の項目が選択されたときに[閉じる]ボタンが表示されます。

<paper-dropdown-menu id=PDM label="Your favourite pastry"> 
    <paper-listbox id=PL class="dropdown-content"> 
     <paper-item>Croissant</paper-item> 
     <paper-item>Donut</paper-item> 
     <paper-item>Financier</paper-item> 
     <paper-item>Madeleine</paper-item> 
    </paper-listbox> 
</paper-dropdown-menu> 
<paper-icon-button id=CloseBtn icon="clear" onclick="clearInput()" hidden ></paper-icon-button> 

<script> 
    function clearInput() { 
     PL.selected = null 
     CloseBtn.hidden = true 
    } 
    PDM.addEventListener('iron-select', function (ev) { 
     CloseBtn.hidden = false 
    }) 
</script>