/ / papieren dialoog met papierinvoer sluit bij invoer - polymeer, papier-elementen

papieren dialoog met papierinvoer sluit bij invoer - polymeer, papierelementen

ik heb een paper-dialog en in dit dialoogvenster heb ik een paper-input met een vooraf gedefinieerde waarde en wanneer ik de waarde wil wijzigen, sluit mijn dialoogvenster zonder duidelijke reden.

Mijn code:

<template>
<paper-dialog entry-animation="scale-up-animation"
exit-animation="fade-out-animation"
id="bookDetailDialog"
class="bookDialog"
opened="{{opened}}">
<paper-item style="padding-left: 11px;">
<paper-icon-button
icon="icons:arrow-back"
on-tap="closeDialog">
</paper-icon-button>
</paper-item>
<paper-item>
<paper-input label="Author" value="{{book.author}}"></paper-input>
</paper-item>
...
<paper-item>
<paper-checkbox checked="{{book.dedication}}">Dedication</paper-checkbox>
</paper-item>
<paper-button raised>Lent</paper-button>
<paper-button raised>Sell</paper-button>
</paper-dialog>
</template>
<script>
Polymer({

is: "book-dialog",

properties: {
book: {
notify: true
},
opened: {
type: Boolean,
notify: true
}
},

closeDialog: function () {
this.opened = false;
this.book = undefined;
}
});
</script>

BEWERKEN: Dit is waar ik mijn element gebruik:

<dom-module id="books-list">
<style>
span {
flex-basis: 100%;
margin: auto;
}
</style>
<template>
<book-dialog opened="{{opened}}" book="{{selected}}"></book-dialog>
<iron-list
id="bookList"
items="{{books}}"
as="book"
selection-enabled
selected-item="{{selected}}">
<template>
<paper-item>
<span>{{book.id}}</span>
<span>{{book.author}}</span>
<span>{{book.original}}</span>
<span>{{book.language}}</span>
<span>{{book.status}}</span>
</paper-item>
</template>
</iron-list>
</template>
<script>
Polymer({
is: "books-list",

properties: {
books: {
notify: true
},
selected: {
notify: true,
obsever: "_selectionChanged"
},
opened: {
notify: true,
type: Boolean
}
},

observers: [
"_selectionChanged(selected)"
],

_selectionChanged: function () {
if (this.get("selected.id") === ""
|| this.get("selected.id") === undefined) {
this.set("opened", false);
} else {
this.set("opened", true);
}
},

_openAddBookDialog: function () {
this.fire("add-book");
}

});
</script>
</dom-module>

BEWERK: Ik denk dat het iets te maken heeft met de iron-list en dat de selected Attribuut veranderingen ...

antwoorden:

0 voor antwoord № 1

Ik weet niet zeker of u hier nog naar op zoek bent, maar ik zal dit aan iedereen verstrekken die op deze vraag stuit.
Er is een verklaring voor een gerelateerd probleem met betrekking tot papierinvoer met papierdialoog - Polymeerelementen / papierinvoer Nummer # 263

Kortom, u moet de klikgebeurtenis afhandelen van paper-input, zodat het zich niet voortplant om het te sluiten paper-dialog.
Ik hoop dat het helpt.


Gerelateerde Vragen


Reacties (0)

Voeg een reactie toe