Home > jQuery > jqGrid 3.6 is finally released

jqGrid 3.6 is finally released

November 8th, 2009

Hello All,
The long awaited 3.6 version of jqGrid is out. For a full list of changes, additions and fixes please refer to the jqGrid Wiki . All the new features can be seen here. You can download the new version form the Download section.

jqGrid Team

  1. aliks
    November 9th, 2009 at 04:48 | #1

    I have update jqGrid3.6 in my website.But a IE bug appear with message : ui.multiselect is null or or not an object. I am not sure where is the problem .


  2. swimming
    November 9th, 2009 at 08:50 | #2

    i cant get the css style !!!
    where i can get them? Thanks

  3. kent
    November 9th, 2009 at 08:54 | #3

    How about the function of merge cells title, it’s a good feature, isn’t it?

  4. vboy
    November 9th, 2009 at 09:17 | #4


    may be you must add this reference:

  5. vboy
    November 9th, 2009 at 09:19 | #5

    reference this file: ui.multiselect.js

  6. November 9th, 2009 at 10:12 | #6

    @swimming: jqGrid uses ThemeRoller for themeing. We ship only the Redmond theme by default (check out the source of the examples to see that).

    All themes can be downloaded directly from ThemeRoller’s jQuery UI site:


    (click Gallery – 25 ready to use themes) or you can roll your own theme if you wish.

  7. swimming
    November 9th, 2009 at 12:52 | #7

    thanks! i got it ^_^!!

  8. Gnought
    November 9th, 2009 at 15:01 | #8

    You should reference the jquery ui js file before referencing the jqGrid js file. This order is important in 3.6 although it is not a matter in 3.5.

  9. kent
    November 9th, 2009 at 15:30 | #9

    I can’t see the php source of “true scrolling Rows”

  10. kent
    November 9th, 2009 at 15:39 | #10

    kent :I can’t see the php source of “true scrolling Rows”

    my source is ok now. and, it’s a wonderfull feature, so quickly, I like it

  11. November 9th, 2009 at 20:27 | #11

    @alikis: yes, the grid currently requires the multi-select javascript even when this is not required by the features selected. For now, just include it in your project

    We will issue a SP very soon (days) that will address this and any other problems reported.


  12. November 9th, 2009 at 20:28 | #12


    <script src=”js/ui.multiselect.js” type=”text/javascript”>

  13. Basdub
    November 9th, 2009 at 23:10 | #13

    I’ve ‘managed’ to have a columns with buttons in it. For example the edit delete button for each row.

    I did this using a custom formatter and other little tricks.

    I was just wondering if there was an easy way to do this in 3.6?

    Otherwise, my only real issue at this time is the width of the column. Unlike the column for multiselect or subgrid… the width of the column is always adjusted with the other columns according to the space available. I’ve tried to set a specific width but it just affect the ratio during the resizing.

    How could i set the width to be a fix number of pixel and prevent it to be modified when the column width are calculated?

  14. tony
    November 10th, 2009 at 00:48 | #14

    Look at the news and changes. There is a new property in colModel called fixed. If set to true it will do the job for you.
    Best Regards

  15. Basdub
    November 10th, 2009 at 05:32 | #15

    I’ll surely take a look at this. Thanks for the pointer, that was an easy one right?!!! 🙂

    Thanks for all the great work again!

  16. Basdub
    November 10th, 2009 at 05:50 | #16

    Another quick question: Can we use “sortableRows” along with “gridDnD”.
    In my situation, I want to move records between subgrids and also reorder the records in these subgrids.

    So far, the gridDnD seems to overrule the sortableRows.
    When only one subgrid is expanded, the subgrid “sortableRows” behave properly (i dont’t activate “gridDnD” for only one subgrid).

    The “sortableRows” are activated before the “gridDnD”.

    Any idea how i could make this work or would you like me to “investigate” this further?

  17. November 11th, 2009 at 12:12 | #17

    To be a honest I never try this, but this question is rather to jQuery UI team – can we have at one time sortable and drag and drop? Will try to test this.

  18. November 11th, 2009 at 15:40 | #18

    Works like a charm. Thanks for your hard work!

  19. Basdub
    November 11th, 2009 at 17:22 | #19

    Tony, regarding the DnD and Sortable. I was not able to make it work properly.
    I ended up making my own script that allows sortable and dnd at the same time between table. The script is 120 lines with comments. Its based on the script of LukeDingle.com

    If you’re interested.

    I’ll use GitHub to communicate about this

  20. Jason
    November 11th, 2009 at 19:41 | #20

    Have a question about the CSS for the cells.
    ui-jqgrid tr.jqgrow td

    Is this needed for something I might be missing. I had to remove it in order for my cells with large text to wrap to a new line and increase the row height.

  21. November 12th, 2009 at 17:26 | #21

    hi, i have implemented this grid with asp.net 2.0 but not work with addxmldata in treegrid mode , anyone knows whats is the problem? thanks in advance

  22. Alex
    November 12th, 2009 at 23:29 | #22


    Hi Rumen

    Any update on SP?

  23. Dick
    November 13th, 2009 at 17:57 | #23

    @Tony, @Rumen, et al,

    Kudos! You guys did an amazing job on 3.6.
    1) MultiSearch “unknown” bug fixed and now works superbly!
    2) Column sort and column drag n drop work great.
    3) Column add/remove works great with one minor exception. If you have a grid with 20 rows, after adding columns it only displays 19 with a scroll bar. Minor annoyance, but would like to see it fixed.
    4) Old bug i.e. empty “Loading…” box when used with 2nd, 3rd, 4th UI Tabs still remains. System is behind a DMZ, so you can’t see it, but I could send an image via GetHub or other means.

  24. dragos
    November 18th, 2009 at 16:26 | #24

    I have a question regarding info_dialog function. It have a modalopt parameter but is not used yet in celledit. How can I set another positions (top and left) for example without make changes in component js file. Maybe you will remove that hardcoded values and we will make the proper changes from css file

    Thanks in advance

  25. Kyranis
    November 18th, 2009 at 16:51 | #25

    I tryed the gridDemo3.6 but the grids that works with the function json_encode() are empty, how can i fix this problem ??


  26. waiting
    November 19th, 2009 at 11:18 | #26

    Kyranis :
    I tryed the gridDemo3.6 but the grids that works with the function json_encode() are empty, how can i fix this problem ??

    what’s your php version?
    PHP version > 5.0 has the function ‘json_encode/json_decode’, if <v5 then you need to install json extension using PEAR/PECL

  27. waiting
    November 19th, 2009 at 11:25 | #27

    Hi Tony,
    I found some codebug on demopage (http://trirand.com/jqgrid/jqgrid.html)

    /New in version 3.3/Tree Grid:

    Java Scrpt code …
    url: ‘server.php?q=tree’,
    treedatatype: “xml”,

    the “treedatatype” should be “datatype”

    /Data Mapping/Data Optimization:
    PHP with MySQL
    while($row = mysql_fetch_array($result,MYSQL_ASSOC)) { $responce->rows[$i]=$responce->rows[$i][‘cell’]=array($row[id],$row[invdate],$row[name],$row[amount],$row[tax],$row[total],$row[note]); $i++; }

    it seems to be “$responce->rows[$i]=array($row[id],$row[invdate],…..” cause of
    jsonReader: { repeatitems : true, cell:””, id: “0” }.

    I found no Simplifi-Chinese Translation in pack of v3.6,so i did it, download link:

  28. waiting
    November 19th, 2009 at 16:22 | #28

    grid.locale-cn.js link is

    the download page is http://waiting.javaeye.com/admin/blogs/520488 , chinese language page but can directly download attachment.

  29. November 20th, 2009 at 07:34 | #29

    Datagrid < Master Grid < Detail Grid < Add or Edit < Date Picker shows up under the Detail Grid. How can I get it to display correctly?

  30. Kyranis
    November 20th, 2009 at 12:43 | #30

    Is there an editrules “Unique” ??

    Thanks in advance

  31. waiting
    November 22nd, 2009 at 16:52 | #31

    Hi Tony,
    I found “edittype” has “image” option, so a urllink can be display as a photeimage when FormEdit, but “formatter” has no “image” option, so i could only use “link” option to display as a url link stead directly display this image.
    In furture can u add “image” option into “formatter”, so imagelink can be display as a photo in grid.

  32. Janniz
    November 23rd, 2009 at 22:05 | #32

    hello tony i have a little problem i will be to work with jquery but i need to know when i can to download the aplication Compatible with net beans ide 6.7 thanks

  33. December 3rd, 2009 at 22:45 | #33

    Hi Tony.
    I find litle bug in jqgrid when using tree grid.
    In grid.base.js in function setCell() change line $(tcell).html(v).attr(“title”,$.jgrid.stripHtml(v));
    if ($(‘.tree-wrap’,$(tcell)).length>0)

  34. tony
    December 4th, 2009 at 10:00 | #34

    No there is no such type, but you can write your own using the custom one. For more info refer to the docs.

    There is no version compatible with NetBeans.

    Thanks, but maybe we should check if treeGrid is available – i.e if treeGird …

  35. December 4th, 2009 at 20:30 | #35

    Hi Tony.
    You right. It’s can be made more simple.
    if ($t.p.treeGrid)

  36. December 5th, 2009 at 12:55 | #36

    Sorry, for that, but I mean
    if ($t.p.treeGrid && $(’.tree-wrap’,$(tcell)).length>0)
    This is more quicker

    Also the fix is in GitHub.

  37. Alexey
    January 4th, 2010 at 15:20 | #37

    Hi Tony, great work.
    I wonder if there possibility to use smth like as column values? Thank you

  38. Alexey
    January 4th, 2010 at 15:21 | #38

    Alexey :Hi Tony, great work.I wonder if there possibility to use smth like as column values? Thank you

  39. Alexey
    January 4th, 2010 at 15:27 | #39

    Sorry I mean smth like href=”url1″ and “img src=”url2” tags

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information