angular how to create jqxgrid in the documentPanelof docking layout

[shinhwapParticipant]

I’m using the DEMO of angularjs docking layout

http://www.jqwidgets.com/jquery-widgets-demo/demos/angularjs-demos/index.htm#demos/angularjs-demos/angularjs-docking-layout.htm

And I want to create a jqxgrid in the documentPanel

And I follow the issue
https://www.jqwidgets.com/community/topic/jqxangular-directives-inside-jqxlayout/

But have the error http://imgur.com/NWYo9n4

Can you give an example to implement it?

[DimitarParticipant]

Hello shinhwap,

A working example has been given in the aforementioned forum topic. Here is a direct link to it: http://jsfiddle.net/Dimitar_jQWidgets/1ah9ph8g/. If you wish, you can share a JSFiddle/jsEditor example that demonstrates the issue you experience and we will review it.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[shinhwapParticipant]

OK, it works.

When the grid-docking-layout is floated, it is resizable to change the windows.

But it only change the floated windows but not the jqxgrid’s boundary.

Now how to dynamically change the jqxgrid’s boundary follow by the grid-docking-layout resize event?

[DimitarParticipant]

Hello shinhwap,

Please set the width and height of your grid to percentage values (e.g. ‘100%’), as in the following example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm?light. A similar situation is presented in the demo Dashboard, but with jqxDataTable instead.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[shinhwapParticipant]

Thank you for your prompt reply.

It helps me a lot

[Author]

Posts