Hi,
Can you show me how to call a JqxWindow.open() method in window.vue from a onclick event defined in app.vue?
Right now I have it in app.vue and want to organize it better by splitting up the code.
app.vue (parent)
<template>
<div>
<JqxMenu
ref="myMenu"
:width="'100%'"
:height="30"
>
<ul>
<li ref="menuAbout" :openAboutClicked="openAboutClicked" v-on:click="openAboutClicked()">About</li>
</ul>
</JqxMenu>
</div>
</template>
<script>
import JqxMenu from "jqwidgets-scripts/jqwidgets-vue/vue_jqxmenu.vue";
import window from "./components/window.vue"
export default {
components: {
JqxMenu
}
,data() {
return {}
}
}
</script>
window.vue (child)
<template>
<div>
<JqxWindow
ref="jqxWindowAbout"
:width="600"
:height="400"
:autoOpen="false"
>
<div>title</div>
<div>content</div>
</JqxWindow>
</div>
</template>
<script>
import JqxWindow from "jqwidgets-scripts/jqwidgets-vue/vue_jqxwindow.vue";
export default {
components: {
JqxWindow
}
,props: ['openAboutClicked']
,data() {
return {}
},
methods: {
openAboutClicked: function () {
this.$refs.jqxWindowAbout.open();
}
}
}
</script>
Thank you.
