Using jqwidgets from JavaScript within extjs

[GwynParticipant]

I have an odd scenario. I have an application built with Extjs Modern toolkit. Unfortunately Extjs don’t have a very sophisticated grid but the rest of the framework is very good.
What I am trying to do is use the jqwidgets grid within the Extjs app.
I’ve managed to get it working to some degree but a it’s a little bit bodgy having to use jQuery. I have to create a div within an Extjs component and then use jQuery to populate it once the Extjs component is rendered.
And there must be something wrong because even though I set a height of the grid to 100%, when you inspect the element you find somehow it’s been given a fixed height of 400.
Anyone got any suggestions as to how to do this neatly?
To complicate further Extjs is being driven by a .Net back end sending instructions to the front-end via JSON and http.
What I really want to do is:
Create local dataset
Create dataadapter
Create grid
Add grid to document.

Any ideas or thoughts?

[Peter StoevKeymaster]

Hi Gwyn,

We do not have integration examples with ExtJS. The Grid’s height should be set by using the Grid’s height javascript property. It accepts number, px or percentage, like $(“#grid”).jqxGrid({ height: ‘100%’, ….other options });

Regards,
Peter

[Author]

Posts