Show widget inside jqxWindow

[jqwidgetsdevParticipant]

Hi,

I am trying to show a JqxDropdownlist inside a JqxWindow’s title, however I am not able to figure out why the JqxDropdownlist doesn’t open.
See simple example demonstrating the problem.

Thanks

<template>
  <div>
  
	<JqxWindow ref="window"
                   :width="500" :height="300"
                   :showCollapseButton="true"
                   :maxHeight="400" :maxWidth="700" :minHeight="200" :minWidth="200"
    >
      <div>
        <div class="header-wrapper">
			<div id="target">
				<div>
					<font color="blue"><B>Hello </B></font>
					<JqxDropDownList ref="myDropDownListXXX" @open="onOpen($event)"
							  :source="sourceXXX"
							  :width="200"
							  :height="25"
							  :selectedIndex="0"
							  :autoOpen="true"
							  >
					</JqxDropDownList>
				</div>
			</div>
        </div>
      </div>
	  <div>content</div>
	</JqxWindow>
 </div>
</template>

<script>
import JqxWindow from "jqwidgets-scripts/jqwidgets-vue/vue_jqxwindow.vue";
import JqxDropDownList from "jqwidgets-scripts/jqwidgets-vue/vue_jqxdropdownlist.vue";

export default {
  name: 'target',
  components: {
	JqxWindow
    ,JqxDropDownList
  },
    data() {
      return {
        sourceXXX: [
          "World"
          ,"..."
          ]
        }
    },
    methods:{
        onOpen: function (event) {
          alert('do something...');
        }
	}
}
</script>
<style>

</style>

[jqwidgetsdevParticipant]

Any suggestions?

[jqwidgetsdevParticipant]

Hi Svetoslav,

Could really use help with the issue above I am facing.

Thanks.

[svetoslav_borislavovParticipant]

Hi,

You can use our new product Smart.Window in which you can have a dropdown list in the header.
Click here to see an example: https://codepen.io/svetoslavb04/pen/GRGxZeY
Here is a link to a Smart.Window with header & footer template in Vue: https://www.htmlelements.com/vue/demos/window/header-footer-templates/

I hope this helps you!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Hi Svetoslav,

Thanks for coming back, but unfortunately I am not in the position to move to Smart.

Can you please help with an example using jQWidgets?

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

Sorry, but this functionality is not supported with jqxWindow
If I can help you with something else, let me know!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Hi Svetoslav,

Is there a workaround or hack that I can consider? Otherwise I am forced to drop my requirement.

Thanks.

[svetoslav_borislavovParticipant]

Hi,

Sorry, there is no known workaround for this.
You can consider using Smart, if you want more info for SmartUI, let me know!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Hi Svetoslav,

Ok, yet it was worth asking. The requirement has been dropped.

Best regards.

[Author]

Posts