Home > jQuery > jQuery Grid 3.0

jQuery Grid 3.0

March 22nd, 2008 Leave a comment Go to comments

I’m happy that at end the 3.0 version of jqGrid is out. The good news is that the full documentation is ready. It was a hard work for me since my English is not very good. I apologize if there are some errors and hope to correct them with a help of community.

Enjoy.

Tags:
  1. trollskog
    March 22nd, 2008 at 16:43 | #1

    hi, before i start to test this new version, i would like to thank you so much for your huge work. it had been very useful

  2. john
    March 24th, 2008 at 17:22 | #2

    very good!
    thank you very mach!

  3. Nicolas
    March 25th, 2008 at 18:45 | #3

    Hi there,

    Nice work again and the documentation is so easy to read, well done and thanks for the hard work!! So here’s my question (same as posted in “Grid 3 final preview”):

    Do you plan on introducing a mode that allows multiple select of rows based on drag/drop operation, i.e. via a transversal mouse drag across the grid ?

    Nicolas

  4. tony
    March 26th, 2008 at 10:50 | #4

    Hi Nicolas,

    I really do not understand what you mean :( . Sorry. If I look into the example that you publish in previous post I see that only particular cell is validated at server – nothing more.

    Please explain me in detail what you mean.

    Regards
    Tony

  5. March 28th, 2008 at 05:33 | #5

    do you no Show/hide columns?

  6. tony
    March 28th, 2008 at 17:30 | #6

    Yes – this can be done via methods – showCol, hideCol – see documantation for more details

    Regards
    Tony

  7. Rana Hossain
    March 28th, 2008 at 17:52 | #7

    Hi, first a huge thank is in order for this amazing plugin. Brilliant; thanks a lot.

    Now from the preview version to the final release, I am getting a slight problem with the method “sortGrid”;

    Data is fed using javascript; Records are not in order and while entering I would like to sort by the date field; Now I have tried setting “sortName” and “sortOrder” while initializing the grid which didn’t work. The way I had the preview version to work was to call “sortGrid” method before/after adding the data.

    jQuery(“#smslog”).sortGrid(“dts”,false);
    for(var i=0;i<=mydata.length;i++) jQuery(“#smslog”).addRowData(i+1,mydata[i]);

    on final release, on loading the page, it is always displaying in ascending order; I have tried setting “setSortOrder” to both “asc”/”desc” without any luck; finally as a workaround I am using

    jQuery(“#smslog”).sortGrid(“dts”,false);
    for(var i=0;i<=mydata.length;i++) jQuery(“#smslog”).addRowData(i+1,mydata[i]);
    jQuery(“#smslog”).sortGrid(“dts”,false);

    Not very efficient; any idea?

    Also, calling the method “setSortName” is returning an error “p is null or not an object”

    jQuery(“#smslog”).setSortName(“dts”)

    thanks once again for this brilliant code.

    regards
    Rana

  8. March 29th, 2008 at 04:59 | #8

    When I selected a data line time, how to get this data, there is a problem
    Initialization do not show how that data will only show a title, and then I click the right button in time that the data will show that there should be a boolean value!

  9. March 29th, 2008 at 05:12 | #9

    how to get data use a onSelectRow ?

  10. tony
    March 29th, 2008 at 13:45 | #10

    @Rana,
    There is a bug in setSortName – it is corrected – Thank you.
    If you call setSortName or setSortOrder after that you should call trigger(“reloadGrid) to have this effect – that is:
    1. add data
    2.setSortName or/and setSortOrder
    3. trigger(“reloadGrid”)

    sortGrid do this at once.
    There is other issue with sorting which I should resolve.

    If data is local these methods should be called after the data is populated and not before. If you add data via addRowData grid does not recognize that data should be sorted when the row is added. With other words your first call of sortGrid is not needed.

    @Handan
    Maybe here is the solution

    onSelectRow: function (rowid) {

    mydata = jQuery(“#mygrid”).getRowData(rowid)
    // my data is array that have a selected row values

    }

    For more information read API methods in Documentation section

    Regards
    Tony

  11. Rana Hossain
    March 31st, 2008 at 15:19 | #11

    Hi Tony,

    where can I download the new release?

    As an idea, can we get onMouseOver as an event or perhaps a way to change the look of the alt tags : that would be awesome;

    Thanks once again.

    Rana

  12. tony
    March 31st, 2008 at 16:59 | #12

    Hi,
    I plan to publish the bug fix release at end of this week.

    As for the altRows – you can change this in the css – see alt rows.
    If you want to do that dynamically you can make something like:
    $(“table.scroll tr.alt td”,”#mygridid”).css(“background-color”,”mycolor”)

  13. April 1st, 2008 at 04:05 | #13

    Documentation section
    hidegrid Type: boolean
    Enables or disables the hide grid button, which appear into the right side of the Caption layer. Have sense only if caption parameter is not empty string.
    Default value: true !

    how to hide grid? not hide gird button?
    When I JQGrid initialization time, how kind hidden Grid, show only Caption

  14. Nicolas
    April 1st, 2008 at 13:43 | #14

    Hi Tony,

    My question in more details:

    Try going to this address: http://www.zapatec.com/website/main/products/grid/demo.jsp#editable_autosave_cell.html

    Now, with your mouse start from the upper left corner of the grid, hold down the mouse button and drag down to the bottom right corner.
    You will notice that a “rectangle selection“ (tranparent div with dashed border) draws over the rows wich activates an alternate state (color) for each row hovered in the grid.

    Well that’s what I mean. I’d like to enable users to “select” multiple consecutive rows.

    In the end my goal is to be able to re-arrange the grid by moving those selected rows up or down like in this example:
    http://www.dhtmlgoodies.com/scripts/arrange-nodes/arrange-nodes-d2.html
    but with multiple rows at a time.

    I’m describing it right ? Bear with me I’m french ;)
    Tx for your time.
    Nicolas

  15. tony
    April 2nd, 2008 at 07:58 | #15

    @Handan,
    If you set a caption the button is displayed automatically according to the option hidegrid. If you do not set caption this options remain true, but the caption is not displayed.

    @Nicolas,
    At end I understand what you mean :) . I’m not sure that this will be done at near future, but you can try integrate the dragable plugin combined with loadComlete event – i.e. use loadComplete to bind dragging of each row.

    Regards
    Tony

  16. Lolo
    April 2nd, 2008 at 09:17 | #16

    Hi and thanks for the great plugin,

    I may feel completly n00b on this but i dont understand where does the $responce variable comes from in your php examples. Could you enlight me please ?

  17. nico
    April 2nd, 2008 at 14:53 | #17

    Tx for the advice tony, I keep you updated with this implementation once we’re done.
    cheers,
    Nicolas

  18. kiran
    December 28th, 2009 at 10:43 | #18

    hi ,
    Can any one tell me how to hide page navigation buttons in editgrid

  1. No trackbacks yet.

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


Privacy Policy   Terms and Conditions   Contact Information