jQXBaseFrame Error

[walker1234Participant]

I have to use editable:true feature as used in the JSFiddle here

So, when I try to add this feature and try to run my jqxWidget, I keep on getting an alert window like the following:

Here is how my JS files are included:

` <script type=”text/javascript” src=”scripts/jquery-1.11.1.js”></script>
<script type=”text/javascript” src=”scripts/jquery-ui.min.js”></script>
<script type=”text/javascript” src=”scripts/bootstrap.min.js”></script>
<script type=”text/javascript” src=”scripts/bootstrap-datepicker.min.js”></script>
<script type=”text/javascript” src=”scripts/myJS1.js”></script>
<script type=”text/javascript” src=”scripts/myJS2.js”></script>
<script type=”text/javascript” src=”scripts/myJS3.js”></script>

<script type=”text/javascript” src=”scripts/myJS4.js”></script>

<script type=”text/javascript” src=”scripts/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.grouping.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxcheckbox.js”></script>
<!–<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.edit.js”></script>–>`

Case 1: When I don’t include the jqxgrid.edit.js as shown above, I still see the above error message which is obvious and no errors on the console window of the developer tools.

Case 2: After including the jqxgrid.edit.js On the Console Log, I see the following error:

I tried searching for this error and somewhere I noticed people have suggested to have jqxcore.js at the top which I have but it’s still not working.

Another information, all the JS libraries starting from jqxcore.js to jqxcheckbox.js belongs to version v2.7.0 (2013-Feb-08) and the new library that I downloaded which is jqxgrid.edit.js has version v4.1.2 (2016-Apr). I have tried replacing all JQX libraries with the latest version 4.1.2 but my jQX grid is getting messed up after doing that. Please advise how to troubleshoot this error.

[Peter StoevKeymaster]

Hi walker1234,

You may view the Grid Editing sample. jqxgrid.edit.js in your code is commented out, too. If you want to use editing, uncomment it. Also you cannot mess the files like that. You should use 1 version only, not a mix of versions. This will not work.

Best Regards,
Peter Stoev

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

[walker1234Participant]

Hi Peter,

The Case 2 I described above included the jqxgrid.edit.js in my code and the error image following that. Also, as I mentioned, I have tried replacing all the libraries with 4.1.2 version which is messing up all of my columns and turning them into one with all the columns content overlapping onto first column.

[Peter StoevKeymaster]

Hi walker1234,

You cannot use mixed versions of jQWidgets together especially when one is years behind the other. The update process is to update all javascript and CSS files. Please, put your Grid related questions in the Grid Forum for your future posts.

Best Regards,
Peter Stoev
jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts