Create Window and content Manually

[joko.pitoyoParticipant]

}
function CreateWindow() {
this.body = $(“body”);
this.window = $(“<div id=’form1’/>”).appendTo(this.body);
this.poi = $(“<input type=’text’ id=’id’ name=’poi’ />”).appendTo(this.window);
this.lat = $(“<input type=’text’ id=’lat’ name=’lat’ />”).appendTo(this.window);
this.lng = $(“<input type=’text’ id=’lng’ name=’lng’ />”).appendTo(this.window);

this.window.jqxWindow({width:400,height:300,title:’Form Input POI’});

this.poi.jqxInput({with:200,height:30,placeHolder:’Enter Poi Name’,theme:’material’});
this.lat.jqxInput({with:200,height:30,placeHolder:’Enter Lat’,theme:’material’});
this.lng.jqxInput({with:200,height:30,placeHolder:’Enter Lng’,theme:’material’});

this.window.jqxWindow(‘open’);
}

I got error like this, howto solve:

Uncaught Error: Invalid structure!
at c.<computed>._createStructure (jqx-all.js:191)
at c.<computed>.createInstance (jqx-all.js:191)
at Object.b.jqx.applyWidget (jqx-all.js:15)
at HTMLDivElement.<anonymous> (jqx-all.js:15)
at Function.each (jquery-1.12.4.min.js:2)
at n.fn.init.each (jquery-1.12.4.min.js:2)
at n.fn.init.b.fn.<computed> [as jqxWindow] (jqx-all.js:15)
at FormPoi.createElement (poi.js:10)
at HTMLButtonElement.<anonymous> ((index):594)
at HTMLButtonElement.dispatch (jquery-1.12.4.min.js:3)

[HristoParticipant]

Hello joko.pitoyo,

The mentioned error appears because the structure of your jqxWindow is not correct.
Please, take a look at this topic:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxwindow/jquery-window-getting-started.htm
You should have two inside the main container (the one of the jqxWindow) and one additional for the header and the second one for the content.
Please, try to clear this and let me know if you still have trouble with this.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[joko.pitoyoParticipant]

Thank problem solve

[Author]

Posts