I have used the framework7 popup feature but I don’t understand why the data element value id doesn’t work? I use the same function in other tabs view it works.
Or is there something else I need to do about how to retrieve data values from the id on the popup page?
following my code, the code below does not retrieve the data value from the popup?
html
<div class="popup popup-swipe-handler popup-swipe-to-close">
<div class="page">
<div class="swipe-handler"></div>
<div class="page-content">
<form>
<div class="block-title block-title-large">Text!</div>
<div class="text-editor text-editor-init" data-placeholder="Text..." data-buttons='["bold", "italic", "underline", "strikeThrough"]' data-mode="popover" style="--f7-text-editor-height: 80px">
<div class="text-editor-content" id="content_repost" name="content_repost" contenteditable></div>
</div>
<div class="block">
<input type="hidden" id="id_post_re" name="id_post_re" value="<?php echo $kode; ?>">
<button type="button" class="col button button-outline button-round button-repost" onClick="re_post_data()">Bagikan</button>
</div>
</form>
</div>
</div>
</div>
app.js
var $$ = Dom7;
// Framework7 App main instance
var app = new Framework7({
...
// App routes
routes: routes,
});
app.on('tabInit', (tab) => {
// Create Popup with swipe to close
var swipeToClosePopup = app.popup.create({
el: '.popup-swipe-to-close',
swipeToClose: true,
swipeHandler: '.swipe-handler',
});
/*if (tab.id === 'home') {
}*/
});
function re_post_data() {
var id_post = $$("input#id_post_re").val();
var content_repost = $$("#content_repost").html();
app.request({
url: "....",
method: 'POST',
data: {id_post:id_post, content_repost:content_repost},
success: function (response) {
if (response=='1') {
app.dialog.alert('invalid!')
}
else {
app.dialog.preloader();
setTimeout(function () {
app.views.main.router.navigate('/social/',{force:true,reloadCurrent: true, ignoreCache: true});
app.dialog.close();
}, 2000);
}
}
});
};
Please help.