{"id":1484,"date":"2015-08-03T16:57:16","date_gmt":"2015-08-03T13:57:16","guid":{"rendered":"http:\/\/www.trirand.com\/blog\/?p=1484"},"modified":"2015-08-12T04:46:47","modified_gmt":"2015-08-12T01:46:47","slug":"guriddo-jqgrid-javascript-5-0-is-released","status":"publish","type":"post","link":"http:\/\/www.trirand.com\/blog\/?p=1484","title":{"rendered":"Guriddo jqGrid JavaScript 5.0 is released"},"content":{"rendered":"<p>Hello All,<\/p>\n<p>We are pleased to announce the new Guriddo jqGrid 5.0 release. This release is a cornerstone in our job. We plan great new features and improvements in the future like Node.js port, JavaScript exporting to PDF and much more.<\/p>\n<p>In addition to adding native Bootstrap support to the grid, we\u00e2\u20ac\u2122ve also added a lot of improvements to our pivot and tree grid features, improved support for the latest jQuery releases (2.1.x), intensive tests with jQuery 3.0 future release, provided better experience for mobile users adding a responsive option and fixed more than 20 bugs. Here are the highlights:<\/p>\n<p><strong>Native Boostrap Support<\/strong><\/p>\n<p>As of version 5.0 Guriddo jqGrid can be adapted easy with any CSS framework. We have develoed a Bootstrap port. To use the feature you will  need only to include the appropriate CSS <\/p>\n<p><code >...<br \/>\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"screen\" href=\"path_to_css_files\/ui.jqgrid-bootstrap.css\" \/&gt;<br \/>\n...<br \/>\n<\/code> <\/p>\n<p>file and tell jqGrid to use Bootstrap &#8211; with the option:<\/p>\n<p><code><br \/>\n$(\"#grid\").jqGrid( {<br \/>\n   ...<br \/>\n   styleUI : \"Bootstrap\",<br \/>\n   ...<br \/>\n});<\/code> <\/p>\n<p>Except Column Chooser and re sizing the grid with a mouse we support all the jqGrid existing features.<\/p>\n<p>You can enjoy the <a href=\"http:\/\/www.guriddo.net\/demo\/bootstrap\/\">Guriddo jqGrid Bootstrap Demo<\/a><\/p>\n<p><strong>Independent  CSS Styling<\/strong><\/p>\n<p>We have changed our code so that jqGrid can be developed with any CSS framework. This can be achieved with a setting of the styleUI object to use the appropriate classes. The full description will be added into the documentation.<\/p>\n<p><strong>Responsive Grid<\/strong><br \/>\nWe have added a responsive options which make the grid a really responsive.<br \/>\nWith this options the grid is re sized automatically when the device is rotated and the windows width is changed. Another useful feature is  auto calculating the the space of the navGrid  buttons &#8211; if the space does not fith the grid width we create a drop dawn menu button where all actions are inserted.<\/p>\n<p><strong>TreeGrid <\/strong><\/p>\n<p>We added new events and a method called reloadNode. With this method is possible to reload only certain node data and put it into the treeGrid instead of reloading the entrie treeGrid which in some situations consume a lot of time.<\/p>\n<p>The code below reloaded only the added or edited node (Form editing module)<\/p>\n<p><code>...<br \/>\nvar reloadnode = function (rowid, rowdata, rowobject)<br \/>\n{<br \/>\n   var id = $(\"#tree\").jqGrid('getGridParam','selrow');<br \/>\n   if(id) { \/\/ if add a root do not reload<br \/>\n        var record = $(\"#tree\").jqGrid('getLocalRow',id);<br \/>\n        $(\"#tree\").jqGrid('reloadNode', record);<br \/>\n   }<br \/>\n}<\/p>\n<p>$(\"#grid\").jqGrid(\"navGrid\",<br \/>\n   {...},<br \/>\n   { \"afterComplete\" : reloadnode,  \"reloadAfterSubmit\" : false, \"closeAfterSubmit\" :true}, \/\/add<br \/>\n   { \"afterComplete\" : reloadnode,  \"reloadAfterSubmit\" : false, \"closeAfterSubmit\" :true}, \/\/edit<br \/>\n...<br \/>\n);<br \/>\n<\/code> <\/p>\n<p><strong>PivotGrid<\/strong><br \/>\nFixed a lot of Bugs related to showing the labels and groupig.<\/p>\n<p><a href=\"http:\/\/www.trirand.com\/jqgridwiki\/doku.php?id=wiki:changetwo#jqgrid_5.0.0_changes_and_fixes\">Full list of changes<\/a\n\nKind Regards\nTriRand Team\n\n[HTML1]\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello All, We are pleased to announce the new Guriddo jqGrid 5.0 release. This release is a cornerstone in our job. We plan great new features and improvements in the future like Node.js port, JavaScript exporting to PDF and much more. In addition to adding native Bootstrap support to the grid, we\u00e2\u20ac\u2122ve also added a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1484"}],"collection":[{"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1484"}],"version-history":[{"count":5,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1484\/revisions"}],"predecessor-version":[{"id":1498,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1484\/revisions\/1498"}],"wp:attachment":[{"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1484"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.trirand.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}