{"id":123585,"date":"2015-03-20T11:46:43","date_gmt":"2015-03-20T09:46:43","guid":{"rendered":"http:\/\/guriddo.net\/?p=123585"},"modified":"2015-03-25T12:11:00","modified_gmt":"2015-03-25T10:11:00","slug":"guriddo-jqgrid-javascript-4-8-is-released","status":"publish","type":"post","link":"https:\/\/guriddo.net\/?p=123585","title":{"rendered":"Guriddo jqGrid JavaScript 4.8 is released"},"content":{"rendered":"<p>Three months after the changes in jqGrid we are happy to announce the availability of the new 4.8 version of Guriddo jqGrid JavaScript.<\/p>\n<p>This release is a major release and contain a numerous of additions and changes that make the grid one of the most advanced grid component.<\/p>\n<p>The highlights of this release are too much including: Template in the form edit module,  better Bootstrap integration, Save and load grid state using loalStorage, Dynamic localization (without reloading the page), Support for AMD, Modern visual changes and much more. <\/p>\n<p>Again with these additions we fixed a numerous of bugs.<\/p>\n<p>This release require some upgrade changes to be made if you are  upgrade from previous one.<br \/>\nPlease read the upgrade notes included in the package or read them below.<\/p>\n<p>Below are some of the changes, additions, fixes and upgrade notes. Please check our updated demos to view all the new additions. You can view them using the links in the below notes<\/p>\n<ul>\n<h3>Additions and Changes<\/h3>\n<li>\nAdding support for AMD. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/integrations\/amdsupport\/index.html\">View demo<\/a><\/li>\n<li>\nAdding support for AMD in language files.<\/li>\n<li>\nIntroducing templating in Form edit module. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/edit_add_delete\/edit_template\/index.html\">View Demo<\/a><\/li>\n<li>\nAdding scrollPopUp to appear a popup with page information when virtual scrolling is on. Also added top offset to controll the appearing. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/loading_data\/scrollbar_view\/index.html\">View demo<\/a><\/li>\n<li>\nAdd a methods saveState which save the  grid state when the option storeNavOptions is set to true in grid option. method uses localStorage. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/functionality\/saveloadstate\/index.html\">View demo<\/a><\/li>\n<li>\nAdd method loadState to restore the previous saved state with saveState.<\/li>\n<li>\nAdded searchTree grid when we have a local data. <a href=\"http:\/\/www.guriddo.net\/demo\/treegridjs\/searching\/index.html\">View Demo<\/a><\/li>\n<li>\nAdded a option cacheUrlData  in colModel editoptions,which caches the data from dataUrl. This very usefull in search fileter and inline edit in order to prevent too much server calls. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/edit_add_delete\/editcachurl\/index.html\">View demo<\/a><\/li>\n<li>\nAdded a new grid parameter &#8211; regional &#8211; two letter code which correspond to the code in grid.locale-xx.js.  To load a  language file different from English (default) in the grid this parameter should be set.\n<\/li>\n<li>\nAdded method setRegional to change the language on the fly. The method uses sessionStorage. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/functionality\/localization\/index.html\">View demo<\/a><\/li>\n<li>\nAdded ui.jqgrid-bootstrap.css as a separate css in order to have good grid in boostrap. <a href=\"http:\/\/www.guriddo.net\/demo\/guriddojs\/integrations\/bootstrap\/index.html\">View demo<\/a><\/li>\n<li>\ntabletogrid() function is no more supported.The module is moved into the plugins directory<\/li>\n<li>\nAdded WCAG AA related ids and headers<\/li>\n<li>\nCode optimization in editGridRow<\/li>\n<li>\nIE versions <= 8 are no more supported.<\/li>\n<li>\nAdded parameter storeNavOptions to store the nav options in the grid options. The parameter is used in navGrid and if true the options are saved as grid parameters.<\/li>\n<li>\nAdding UI classes to jQuery UI search dialog. Removing some css rules and adding new for the search filter dialog<\/li>\n<li>\nChanges in GridUnload and GridDestroy. In previous case we never can destroy the grid object. The function are called different  way &#8211; i.e they are a jgrid namespaced<\/li>\n<li>\nInternal module changes and function move.<\/li>\n<li>\ninlineNav can be called without to call first navGrid.<\/li>\n<li>\nAdded second parameter in getGridParam &#8211; module to query the certain module parameters.<\/li>\n<li>\nNow it is possible to get the parameter of the navigator using jQuery data &#8211; &#8230;jqGrid(&#8216;getGridParam&#8217;,name,&#8217;navGrid&#8217;);<\/li>\n<li>\nAdd ignoreCasde default to true. <\/li>\n<li>\nAdded a option in getFullTreeNode to expand the returned result<\/li>\n<li>\nAddeed a option in getRootNodes to return the root nodes of the current grid data.<\/li>\n<li>\nAdded second param in getRowData &#8211; usedata. If set to true the current view is returned from data array (if any) and not from the html table<\/li>\n<li>\nTreeGrid now support local data<\/li>\n<li>\nCode optimizations in inlineNav when restoreAfterselect is true<\/li>\n<li>\nRemoving the non utf language files<\/li>\n<li>\nLanguage file structure changes to support more lang at the same time and change it easy<\/li>\n<li>\nAdding missed saving messages in language files<\/li>\n<li>\nDrop the LGPL JsonXml.js from jqGrid and replace the code with our own. Created grid.utils.js<\/li>\n<li>\nMoving jqGridImport to $.jgrid namespace<\/li>\n<li>\nAdd\/remove classes ui-sg-collapsed\/ui-sg-expanded in  subgrid row to check if it is expanded or collapsed<\/li>\n<li>\nAdd class widget-content to pager select box<\/li>\n<li>\nAdd scrollLeftOffset to controll dynamically the appearance of the scroll dialog information<\/li>\n<li>\nChanges in CSS to make the grid to look modern<\/li>\n<\/ul>\n<ul>\n<h3>Fixes<\/h3>\n<li>\nFix for possible duplicated IDs in the search input boxes<\/li>\n<li>\nRemoved faulty role=&#8221;row&#8221; on pager<\/li>\n<li>\nRemoving duplicate code. Moving template in base grid deleting the format function and replace it with template<\/li>\n<li>\nSmall fixes and support for bootstrap via jQuery UI Bootstrap<\/li>\n<li>\nFix saving the data row in inline edit in case not a reloading is lunched.<\/li>\n<li>\nFix subGridBeforeExpand event should be executed independed of the reloadOnExpand option<\/li>\n<li>\nFixes for pager and toppager<\/li>\n<li>\nFix bug in searching when data is local and the field is defined as formatter data with srcformat and newformat.<\/li>\n<li>\nFixes in clearBeforeUnload. <\/li>\n<li>\nFix sortTreeGrid in case a local serch is performed.<\/li>\n<li><\/li>\n<li>\nFixed collapsing of expandable row if this row is dragging in sortable table<\/li>\n<li>\nFix for beforeselectrow in inline navigator.<\/li>\n<li>\nFixes in addJSONData, addXmlData in IE when used firstChild<\/li>\n<li>\nFix in showFilter calling parameters<\/li>\n<li>\nFix &#8220;multiple:true&#8221; might work unexpectedly <\/li>\n<li>\nFix in case grouping and subgrid to not expand subgrid rows when they are not expanded<\/li>\n<li>\nFix loading the default lang according to the new lang changes<\/li>\n<\/ul>\n<ol>\n<h3>This is a upgrade guide to version 4.8. Breaking changes<\/h3>\n<li>\nThe ui.jqgrid.css file should be replaced with the last one.<\/li>\n<li>\nLanguage files (grid.locale-xx.js) should be replaced with the last one. If this is not performed a error will appear and grid will not be build.\t<\/li>\n<li>\nThe method  GridUnload &#8211; i.e  $(&#8220;#grid&#8221;).jqGrid(&#8216;GridUnload&#8217;) does not have effect.<br \/>\nReplace the old with the new one $.jgrid.gridUnload(&#8216;#jqGridId&#8217;); where jqGridId is the id of the grid\n<\/li>\n<li>\nThe method  GridDestroy &#8211; i.e  $(&#8220;#grid&#8221;).jqGrid(&#8216;GridDestroy&#8217;) does not have effect.<br \/>\nReplace the old with the new one $.jgrid.gridDestroy(&#8216;#jqGridId&#8217;); where jqGridId is the id of the grid<\/li>\n<li>\nThe method  jqGridImport &#8211; i.e  $(&#8220;#grid&#8221;).jqGrid(&#8216;jqGridImport&#8217;,options) does not have effect.<br \/>\nReplace the old with the new one $.jgrid.jqGridImport(&#8216;#jqGridId&#8217;, options); where jqGridId is the id of the grid<\/li>\n<li>\nThe $.jgrid.defaults property is unchanged and it is possible to use $.extend($.jgrid.defaults, {&#8230;});<br \/>\nAll other parameter from the language file should be changed this way:<br \/>\nSuppose the current language file is English, then extending the edit parameters should be replaced from<\/p>\n<p>$.extend($.jgrid.edit, {&#8230;});<\/p>\n<p>to<\/p>\n<p>$.extend($.jgrid.regional[&#8216;en&#8217;].edit, {&#8230;});<\/p>\n<p>The same apply for all other parameters in language file.\n<\/li>\n<li>\nTo load your own language file you will need to setup the regional parameter in the grid.<br \/>\nLet suppose that default language file should be grid.locale-cn.js, then in grid it is needed to do this:<br \/>\n<code><br \/>\n$(\"#jqGrid\").jqGrid({<br \/>\n   ...<br \/>\n   regional : 'cn',<br \/>\n   ...<br \/>\n});<br \/>\n<\/code>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Three months after the changes in jqGrid we are happy to announce the availability of the new 4.8 version of Guriddo jqGrid JavaScript. This release is a major release and contain a numerous of additions and changes that make the [&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":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/123585"}],"collection":[{"href":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=123585"}],"version-history":[{"count":17,"href":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/123585\/revisions"}],"predecessor-version":[{"id":123634,"href":"https:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/posts\/123585\/revisions\/123634"}],"wp:attachment":[{"href":"https:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=123585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=123585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=123585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}