{"id":124091,"date":"2015-08-03T15:52:04","date_gmt":"2015-08-03T13:52:04","guid":{"rendered":"http:\/\/guriddo.net\/?p=124091"},"modified":"2015-08-03T15:52:04","modified_gmt":"2015-08-03T13:52:04","slug":"guriddo-jqgrid-javascript-5-0-is-released","status":"publish","type":"post","link":"http:\/\/guriddo.net\/?p=124091","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\u2019ve 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<pre class=\"lang:default decode:true \" >...\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"screen\" href=\"path_to_css_files\/ui.jqgrid-bootstrap.css\" \/&gt;\r\n...\r\n<\/pre>\n<p>file and tell jqGrid to use Bootstrap &#8211; with the option:<\/p>\n<pre class=\"lang:default decode:true \" >$(\"#grid\").jqGrid( {\r\n   ...\r\n   styleUI : \"Bootstrap\",\r\n   ...\r\n});<\/pre>\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<pre class=\"lang:default decode:true \" >...\r\nvar reloadnode = function (rowid, rowdata, rowobject)\r\n{\r\n   var id = $(\"#tree\").jqGrid('getGridParam','selrow');\r\n   if(id) { \/\/ if add a root do not reload\r\n        var record = $(\"#tree\").jqGrid('getLocalRow',id);\r\n        $(\"#tree\").jqGrid('reloadNode', record);\r\n   } \r\n}\r\n\r\n$(\"#grid\").jqGrid(\"navGrid\",\r\n   {...},\r\n   { \"afterComplete\" : reloadnode,  \"reloadAfterSubmit\" : false, \"closeAfterSubmit\" :true}, \/\/add\r\n   { \"afterComplete\" : reloadnode,  \"reloadAfterSubmit\" : false, \"closeAfterSubmit\" :true}, \/\/edit\r\n...\r\n);\r\n<\/pre>\n<p><strong>PivotGrid<\/strong><br \/>\nFixed a lot of Bugs related to showing the labels and groupig.<\/p>\n<p>Below is a full list of changes<\/p>\n<p><strong>Additions and changes<br \/>\n=====================<\/strong><br \/>\n&#8211; Add native bootstrap support.<br \/>\n&#8211; Added styleUI object class definition this way it is possible to impelemet jqGrid in any CSS framework<br \/>\n&#8211; Added option responsive where the grid automatically make some calculations<br \/>\n&#8211; Change keydown with keyup in inline edit when analyzing the enter key (This is a fix for Boostrap typeahead plugin)<br \/>\n&#8211; Adding the Reload node method in treeGrid &#8211; &#8230;jqGrid(&#8220;reloadNode&#8221;, record);<br \/>\n&#8211; It is possible now to define all input types according to the html5<br \/>\n&#8211; Add focusField in form editing<br \/>\n&#8211; Changes in the css to fix and add new settings<br \/>\n&#8211; multisort option  now support order of clicking.<br \/>\n&#8211; Support  of mousewheel on frozen columns<br \/>\n&#8211; Add resizeColumn method + small fix in dragMove<br \/>\n&#8211; Adding events when expanding\/collapsing rows\/nodes in treeGrid. the events are as follow:<br \/>\n  beforeExpandTreeGridRow(rowid, record, childern);<br \/>\n  afterExpandTreeGridRow(rowid, record, childern);<br \/>\n  beforeCollapseTreeGridRow(rowid, record, childern);<br \/>\n  afterCollapseTreeGridRow(rowid, record, childern);<br \/>\n  beforeExpandTreeGridNode( id, record )<br \/>\n  afterExpandTreeGridNode( id, record )<br \/>\n&#8211; Add event data population in dropdown &#8211; the name is jqGridAddEditAfterSelectUrlComplete<br \/>\n&#8211; Upgrade to the latest multiselect jQuery UI plugin<br \/>\n&#8211; Small speed optimization in addXMLData and addJSONData in case gridview is false.<br \/>\n&#8211; Added onUnSelectRow which is called only in resetSelection<br \/>\n&#8211; Added this in the onPaging in order to get the new value of the element before processing<br \/>\n&#8211; Make sure loading message is always visible &#8211; thanks to:  marek-saji  &#8211; see: https:\/\/github.com\/tonytomov\/jqGrid\/pull\/514<br \/>\n&#8211; Added new parameter className in groupingHeader to make a custom individual style of every group<br \/>\n&#8211; Automatically detect language if the loaded language file is only one<\/p>\n<p><strong>Fixes<br \/>\n=====<\/strong><br \/>\n&#8211; ts.firstElementChild.innerHTML causes more problems that advantages. So drop support of this instead of the speed.<br \/>\n&#8211; Fix a case when a multiselect with multikey is set and checkbox is clicked only. It shouild be not changed in case the multikey is not pressed<br \/>\n&#8211; Fix realoding a grid to certain page when a virtual scrolling is enabled.<br \/>\n&#8211; Fix ruleMenu in filter toolbar if the parent grid element has zindex<br \/>\n&#8211; Fix submit old input value after select field change in dialog filtering<br \/>\n&#8211; Fix in addRowdata when altRows and position == last<br \/>\n&#8211; Fix griResize in case of frozen columns<br \/>\n&#8211; Fix calculating the width in pager<br \/>\n&#8211; Fix for gridResize when caption is a vilable and button hide grid is clicked<br \/>\n&#8211; Fix the columnChosser &#8211; we must pass the width instead of tblwidth.<br \/>\n&#8211; Fix toppager count pager thanks to: windofny<br \/>\n&#8211; Fix multiselect addAll<br \/>\n&#8211; Fix rownumbers and check box columns to be set to frozen<br \/>\n&#8211; Fixing dependecy in bower.json<br \/>\n&#8211; Fix for frozen columns and multisort<br \/>\n&#8211; Small fix in multi sort when data type is local<br \/>\n&#8211; Remove moot version property from bower.json<br \/>\n&#8211; Fixes for focusField.<br \/>\n&#8211; Fix Ukraine language code file to be set as ISO 639-1<br \/>\n&#8211; Small fix in class definition<br \/>\n&#8211; Fix multiple select in case of add record in form edit.<br \/>\n&#8211; Fix position of the select template in search dialog<br \/>\n&#8211; Fix saving the group headers when we call it mopre than once<br \/>\n&#8211; Fix Display correct the labels in pivot<\/p>\n<p>Kind Regards<br \/>\nTriRand Team<\/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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/124091"}],"collection":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124091"}],"version-history":[{"count":7,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/124091\/revisions"}],"predecessor-version":[{"id":124098,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/124091\/revisions\/124098"}],"wp:attachment":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=124091"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=124091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}