[gplante2Member]

Hi again Peter,

I tried your online demo and it worked so I decided to download the last version of jqWidgets just to be sure and it started to work fine. So, it looks that the version I had had an issue about that. What is strange is that I downloaded my version just some weeks ago.

So, everything is working fine now and I’m very glad about that.

I want to thank you for your very good support.

Since everything is working fine now, I just purchased jqWidgets from your web site. You should see a new order into your system.

Best regards,

G. Plante

[gplante2Member]

Hi again Peter,

Thank you again for your help. For your information, I confirm you that even if I put my code in the document.ready function, it does not work either.

So, to help you to help me, to reproduce the problem, I took your exact code above and I just modified it as follow:

1) I added a line to include jquery ui:

<script type="text/javascript" src="../../scripts/jquery-ui.min.js"></script>

2) I put your line

<div id="jqxgrid"></div>

between a div like this:

<div id='mydialog'>
   <div id="jqxgrid"></div>
</div>

3) I added the following line in the document.ready function (at the end):

$( "#mydialog" ).dialog({ height: 600, width: 600, modal: false });

Now, if you run the html page and you click the blue div, you will get the problem I’m talking about. Finally, I’m also having this problem with Firefox 9 and not only IE9.

Please, help.

G. Plante

[gplante2Member]

Hi again Peter,

Thank you for your help. After some new tests, I still have the problem but I have more information to tell you now.

The problems occurs only when my jqxGrid is in a jquery ui dialog box. It looks that when I do something like that
$(‘#mygrid’).jqxGrid(…

this is not the mygrid object that is returned but another object instead. I have this behaviour only when the grid is in a jquery dialog box and with IE9.

This is not the first time I put objects on a jquery dialog form and I never had this kind of behaviour. This is very strange…

Here is the problem in brief:

<code>
<div id='mydialog'>
<div id='mygrid'>
</div>
</div>
<script type="text/javascript">
  $( "#mygrid" ).jqxGrid( bla bla bla... I added some row data here ...
  $( "#mydialog" ).dialog(bla bla bla...
</script>
<button onclick="var data = $('#mygrid).jqxGrid('getrowdata', 1); alert(data.description);">Test</button>
</code>

According to the code above, if you click the button, you will receive the error
Error: Unable to get value of the property ‘rowscount’: object is null or undefined

If you comment the line
$( “#mydialog” ).dialog(bla bla bla…
so that the dialog box is not created, if you click the button, everything works fine.

So, again, after some tests, it looks that once the dialog box is created, when I try to access the grid using $(‘#mygrid’).jqxGrid(…, it looks that this is not the correct object that is returned.

Here is also another strange thing.
When I DO NOT create the jquery dialog box, if I do this:
alert($(‘#mygrid’)[0].className);
This is what is displayed:
jqx-grid jqx-grid-classic jqx-reset jqx-reset-classic jqx-rc-all jqx-rc-all-classic jqx-disableselect

However, if I create the jquery dialog box, here is what is displayed instead:
jqx-menu jqx-menu-classic jqx-menu-vertical jqx-menu-vertical-classic jqx-rc-all jqx-rc-all-classic

So, can you help me about this?

Thanks in advance.

G. Plante

[gplante2Member]

Hi Peter,

Thank you for your answer. I finally found the problem. Since this part of the page is loaded via ajax, the script section was not executed.

Thanks anyway for your answer.

G. Plante

[Author]

Posts