/ कागज इनपुट के साथ / कागज संवाद इनपुट पर बंद हो जाता है - बहुलक, कागज-तत्व

पेपर इनपुट के साथ पेपर डायलॉग इनपुट पर बंद हो जाता है - पॉलिमर, पेपर-एलिमेंट्स

मेरे पास एक paper-dialog और इस संवाद में मैंने ए paper-input कुछ पूर्व-परिभाषित मूल्य के साथ और जब मैं मूल्य बदलना चाहता हूं तो मेरा संवाद बिना किसी स्पष्ट कारण के बंद हो जाता है।

मेरा कोड:

<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>

संपादित करें: यह वह जगह है जहां मैं अपने तत्व का उपयोग करता हूं:

<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>

संपादित करें: मुझे लगता है कि इसका कुछ लेना-देना है iron-list और वह selected गुण बदलें ...

उत्तर:

जवाब के लिए 0 № 1

मुझे यकीन नहीं है कि अगर आप अभी भी इस के लिए देख रहे हैं, हालांकि, मैं "इस सवाल पर ठोकर खाने वाले किसी भी व्यक्ति के लिए प्रदान करता हूं।"
पेपर-संवाद के साथ पेपर-इनपुट से संबंधित एक मुद्दे के लिए एक स्पष्टीकरण प्रदान किया गया है PolymerElements / पेपर-इनपुट समस्या # 263

असल में, आपको क्लिक इवेंट को संभालना होगा paper-input, ताकि यह बंद करने के लिए प्रचार न करे paper-dialog.
उम्मीद है की वो मदद करदे।


संबंधित सवाल


टिप्पणियाँ (0)

एक टिप्पणी जोड़े