Home > jQuery > jQuery Grid 3.3

jQuery Grid 3.3

October 14th, 2008 Leave a comment Go to comments

jqGrid team is pleased to anonce the new 3.3 version of jqGrid. This version correct a lot of bugs and of course add more power to jqGrid. Be a sure to visit the demo page for some of the new features. The Documentation is up to date and you can view all the changes here. Thank you Reg for the great job.
The pdf version of the docs will be available tomorrow.
A lot of the new features are available thanks to NutshellMail team. They use jqGrid in thier flagship web-based service application.

Tags:
  1. October 15th, 2008 at 08:13 | #1

    Tony! Multiple search toolbar is really awesome! It’s a great and very pleasant surprise for me. I think it’s a very useful thing! Thanks a lot!!!
    P.S. Waiting for roadmap…

  2. October 15th, 2008 at 08:17 | #2

    Tony! Multiple fields search is awesome! It’s a great and very pleasant surprise for me. I think it’s a very useful thing. Thanks a lot!
    P.S. Waiting for roadmap…

  3. Caspar MacRae
    October 22nd, 2008 at 00:09 | #3

    Minor typo with docs for addRow: http://www.secondpersonplural.ca/jqgriddocs/_2eb0gp197.htm
    this:
    jQuery(“#grid_id”).addGridRow( “new”, options );

    should be:

    jQuery(“#grid_id”).addRow( “new”, options );

    This is a fully loaded plugin, absolutely choc’ed full of features

  4. October 23rd, 2008 at 13:55 | #4

    This grid is so cool and very useful. Excellent work!

  5. November 2nd, 2008 at 17:00 | #5

    Thank you Caspar, I’ll get that fixed asap

    Reg

  6. Ryan
    November 6th, 2008 at 01:15 | #6

    I wish the word “demo” in the sentence “Be a sure to visit the demo page” was linked to the demo page. I don’t see a demo link in the navigation on the top or side of the page, either. Where is it?

    -thanks

  7. Hal Helms
    November 18th, 2008 at 01:20 | #7

    If you’d like to post the invoice example done for ColdFusion programmers, contact me at hal at halhelms d o t com.

  8. Springgrass
    November 19th, 2008 at 02:22 | #8

    Hi,
    I try to use the table to grid feature, but it fails, I keep getting the message that $(this).jqGrid is not a function in the tbltogrid.js
    Thanks,

  9. Carpii
    November 28th, 2008 at 19:46 | #9

    Hi, there seems to be a bug on FireFox 3.0.4 on one of the demos

    Load the “New Since Beta 3 –> Resizable Columns” demo.

    Without adjusting any of the column widths, try to scroll the horizontal scrollbar fully to the right

    You’ll see its impossible to scroll it 100% right, since the grid readjusts itself somehow, and the scrollbar moves back to 90%. This of course all happens very quickly and so the net result is just a flickering grid and scrollbar

  10. ashish
    November 28th, 2008 at 23:23 | #10

    Is there a list of companies or websites using jqgrid?
    Has any high traffic site used jqgrid so far?

    I stumbled on to jqgrid while looking for alternative for complex YUI data table. I really like jqgrid so far

  11. November 29th, 2008 at 15:51 | #11

    Hi!

    I have written a small sample about how integrate jqgrid and Django on http://code.google.com/p/appfusedjango/. As in the previous version I needed to add a line to make the code work for me

    709d708
    <
    770d768
    < if(ts.p.jsonReader.cell) cur = cur[ts.p.jsonReader.cell];

    Best regards,


    Toni

  12. Shahzad Fateh Ali
    December 12th, 2008 at 16:45 | #12

    Hi,

    I am trying to upload a file/image using form edit. Can anyone help me to do this.

    Thanks

  13. cristian
    December 22nd, 2008 at 06:41 | #13

    Hi. First of all: Thanks, great plugin.. exactly what I was looking for.
    I’m using the navigator example on my local server and I can read from my DB without any problem, also switching between different tables.

    Can anyone explain how to set the someurl.php to INSERT, UPDATE and DELETE data?

    Thanks in advance.
    Cheers

  14. waiting
    December 22nd, 2008 at 15:04 | #14

    Hi Tony,i’ve reg a id on the Form but cannot open any post,maybe cause of proxy(i cannot open your blog or form without proxy). therefore i post a question here, and feel sorry..
    on jqGrid 3.3.2, use this parm :
    ” multiselect: true,
    // multikey: ‘ctrlKey’,
    onRightClickRow: function(rowid) {
    alert(rowid);
    },

    when rightclick a item, alert OK,BUT this row is selected.
    Without use of onRightClickRow function , only popup normal right-click context menu,no row select action.
    I want no select-action with use of onRightClickRow, how can i deal with it?

    Thanks again for your excellent job!

    ———–
    not sure post succeed,sorry again..

  15. cristian
    December 23rd, 2008 at 02:11 | #15

    cristian :
    Can anyone explain how to set the someurl.php to INSERT, UPDATE and DELETE data?
    Thanks in advance.
    Cheers

    Tried succesfully to use Add, Edit and Delete queryes with 3 separated methods. Now I would like to use the navgrid.js, but which options should I have to put into this?
    jQuery(“#grid_id”).navGrid(selector,options,pEdit,pAdd,pDel,pSearch );

    Regards

  16. Hugo Pereira
    December 26th, 2008 at 13:39 | #16

    Carpii :
    Hi, there seems to be a bug on FireFox 3.0.4 on one of the demos
    Load the “New Since Beta 3 –> Resizable Columns” demo.
    Without adjusting any of the column widths, try to scroll the horizontal scrollbar fully to the right
    You’ll see its impossible to scroll it 100% right, since the grid readjusts itself somehow, and the scrollbar moves back to 90%. This of course all happens very quickly and so the net result is just a flickering grid and scrollbar

    Hi,

    This is also happening in IE7.
    I am using jqGrid 3.3

    Can you give me some help?

    Thanks in advance

  17. Amine
    December 27th, 2008 at 16:34 | #17

    Hi!

    It is really somthing amazing this plugin … thanks a lot dear.

    But i have got a prob; I raed the documentation and tried to work on the tutorial but I have got no data inside the grid ..

    I have copied and pasted the code as it is and created the database and all mentioned files but no result …

    Please any help for that or somthing to do ..

    Thanks for help

  18. January 13th, 2009 at 09:27 | #18

    Hi this is really amazing,
    Can anyone help me create a basic editable grid in which i can rightclick on the record and a menu should be shown saying edit and delete please.. thankig you in advance.

  19. vinay kapoor
    January 14th, 2009 at 20:45 | #19

    Hello
    Has anyone implemented the cellEdit: true feature. For some reason if the column names have a space, then the behavior changes. It is not able to detect the editted value, and on sorting the column the arrow showing the sort order also disappears. This may be a bug

  20. Luke
    January 15th, 2009 at 21:30 | #20

    Um, there’s no link to any plugin included in this article …? Am I missing something here? Where is the plugin? Where’s the beef, dudes?

  21. Varun
    July 17th, 2009 at 00:18 | #21

    Hi
    I am doing a project and i have to do some analysis on using different jquery grids. Is there a document somewhere i can look which all companies are using the jqgrid in their websites.
    Thanks

  22. April 23rd, 2010 at 10:38 | #22

    Thank you Reg for the great job….

  23. deepa
    May 21st, 2011 at 12:27 | #23

    Can anyone please help me

    In jqgrid i want a context menu which function when right click menu appears and i click the next row it escape suddenly

  24. vasanth
    August 26th, 2011 at 22:03 | #24

    Tony,
    Subgrid and Tool bar search was very use full thank you !!

  25. ManishKumarSinha
    September 3rd, 2011 at 07:24 | #25

    Hi

    I want to print formField( which i wrote in below function) into Jquery subgrid.could u tell me how to resolve this issue.

    JavaScript:
    ……………..
    var counter = 0;
    function createtext(categoryName){
    counter += 1;
    var myname;
    var inputs = document.getElementsByTagName(“select”);
    for (x=0;x<inputs.length;x++){
    myname = inputs[x].getAttribute("name");

    if(myname=='accList'){
    var selObj = document.getElementById('selectAttributes');
    var i;
    var count = 0;
    var selectedArray = new Array();

    for (i=0; i<selObj.options.length; i++) {
    if (selObj.options[i].selected) {
    selectedArray[count] = selObj.options[i].value;

    var result = "";
    var parent = document.getElementById('f1');
    var label = document.createElement('LABEL');
    label.appendChild(document.createTextNode(selObj.options[i].value));
    var field = document.createElement('INPUT');
    var fieldName = selObj.options[i].value;

    field.type = 'text';
    field.name = fieldName+"_"+counter;
    field.value= "";
    var breakL= document.createElement('BR');
    var formField = document.createElement('DIV');
    formField.appendChild(label);
    formField.appendChild(field);
    formField.appendChild(breakL);
    var parent = document.getElementById('addMessage');
    parent.appendChild(formField);
    count++;
    }
    }
    }

    ………………..
    Jquery:
    ………..
    $(function() {

    $("#table-ratings-given").jqGrid({
    datatype: "local",
    height: '100%',
    width:739,
    colNames: [""],
    colModel: [
    {
    name: 'actions',
    index: ''
    }
    ],

    caption: “Text Fields”,
    subGrid:true,
    setSubCustomData:’project’,
    setSubCustomFunction: getRatingRecievedDetails
    });

    var mydata = [
    {
    actions:"TEXT FIELD 1"
    },
    {
    actions:"TEXT FIELD 2"
    },
    {
    actions:"TEXT FIELD 3"
    }];

    for (var i = 0; i <= mydata.length; i++) jQuery("#table-ratings-given").addRowData(i + 1, mydata[i]);
    $("#table-ratings-given").setHeaderActions("#topDiv");

    });

    function getRatingRecievedDetails(data, divId, abc) {
    var myData = [{actions:'tavant'}];

    var rowData = '';
    $.each(myData, function(i, n){
    data='tavant';
    if(n.actions == data) {

    var getField="om";
    rowData +=getField;
    // rowData +='textfields Rating:’+'hellooooo’+'Overall Satisfaction Rating:’+n.rate2+’Timely Delivery of Service and Product Rating:’+n.rate3+’Technical Competency and Professionalism Rating:’+n.rate4+’Courtesy Service Rating:’+n.rate5+’Comments’+n.comments+”;
    }

    })

    $(“#”+divId).html(rowData);

    }

    that formfield value should featch in rowDta but i am not able to solve this issue.
    please help me.

  1. December 10th, 2008 at 21:31 | #1
  2. December 27th, 2008 at 15:22 | #2

In an effort to prevent automatic filling, you should perform a task displayed below.


Privacy Policy   Terms and Conditions   Contact Information