{"id":102666,"date":"2014-11-26T10:57:03","date_gmt":"2014-11-26T08:57:03","guid":{"rendered":"http:\/\/guriddo.net\/?page_id=102666"},"modified":"2014-12-06T18:06:06","modified_gmt":"2014-12-06T16:06:06","slug":"guriddo-js","status":"publish","type":"page","link":"http:\/\/guriddo.net\/?page_id=102666","title":{"rendered":"Guriddo jqGrid JS"},"content":{"rendered":"<div class=\"wraper_typ typ\">\n<h2 style=\"margin-bottom:30px\">Guriddo jqGrid JS<\/h2>\n<p style=\"margin-bottom:25px;\">\nGuriddo jqGrid JS is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl. jqGrid uses a jQuery Java Script Library and is written as plugin for that package\n<\/p>\n<table style=\"width: 100%;\" border=\"0\">\n<tbody>\n<tr>\n<td width=\"25%\">\n<\/td>\n<td width=\"25%\">\n<a class=\"btn_l\" href=\"http:\/\/guriddo.net\/?page_id=103292\">Download<\/a><\/td>\n<td align=\"left\" width=\"25%\"><a class=\"btn_l\" href=\"http:\/\/guriddo.net\/?page_id=103334\">License\/Pricing<\/a><\/td>\n<td width=\"25%\">\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 style=\"margin-bottom:14px;padding-top:1em;\">FEATURES<\/h3>\n<h4 style=\"margin-bottom:10px;clear:both; padding-top:1em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/multibrwoser.jpg\" title=\"Multibrowser\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" width=\"160\" height=\"140\" class=\"lbp_primary\" src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/multibrwoser.jpg\" alt=\"Multibrowser\" \/><\/a><\/p>\n<p>MULTIPLATFORM<\/h4>\n<p><!-- Multiplatform --><br \/>\nBrowser support is an important part of our grid. Guriddo jqGrid JS support all modern mobile and desktop browsers including the iPhone\/iPad and Internet Explorer from version 8.  Browser support reference is tested regularly with all major browsers. <\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/free.jpg\" title=\"Free\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" width=\"160\" height=\"140\" class=\"lbp_primary\" src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/free.jpg\" alt=\"Free\" \/><\/a><\/p>\n<p>FREE FOR NON-COMMERCIAL<\/h4>\n<p><!-- Free --><br \/>\nIf you want to use Guriddo jqGrid JS for a personal website or a non-profit organisation, you don&#8217;t need the author&#8217;s permission, just go on and use Guriddo jqGrid JS. For commercial websites and projects, see License and Pricing.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1em;\" class=\"bord\">\n<a style=\"float:left;margin-righ: 2em;padding-top:8px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/open.jpg\" title=\"Open\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" width=\"160\" height=\"140\" class=\"lbp_primary\" src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/open.jpg\" alt=\"Open\" \/><\/a><br \/>\nOPEN<\/h4>\n<p><!-- Open --><br \/>\nIndependent of the license of  Guriddo jqGrid  JS, free or not, you are allowed to download the source code and make your own edits. This allows for personal modifications and a great flexibility.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/formatter.png\" title=\"Formatting\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/formatter.png\" alt=\"Formatting\" \/><\/a><br \/>\nFORMATTERS<\/h4>\n<p><!-- Formatters --><br \/>\nFormatter supports advanced formatting of the contents of cells.Formatter has predefined types like : integer, number, date, currency, links, check boxes and etc. The developer can define you own custom formatter.  Multilingual configuration allow us to make it flexible and used in any country\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/inlineedit.png\" title=\"Inline editing\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/inlineedit.png\" alt=\"Inline editing\" \/><\/a><br \/>\nINLINE EDITING<\/h4>\n<p><!-- Cell edit  --><br \/>\nIn place editing allow you in easy way to update the cell content in particular row. We supporting  text, text area, check box, select, image, button types. We support definition of custom edit type and events which allow a great flexibility. With a build in  client side validation of the entered data we can filter the user input\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/celledit.png\" title=\"Cell Edit\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/celledit.png\" alt=\"Cell edit\" \/><\/a><br \/>\nCELL EDITING<\/h4>\n<p><!-- Cell edit--><br \/>\nCell editing supports editing individual cells. We supporting of text, text area, check box, select, image, button types . Client side validation of the entered data make it easy to filter user input. Another great feature is    keyboard navigation with tab, shift tab, left, right, up and down keys, which allow quick user input. The great number of events allow the developer to control everything in this process\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/formedit.png\" title=\"Form editing\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/formedit.png\" alt=\"Form editing\" \/><\/a><br \/>\nFORM EDITING<\/h4>\n<p><!-- Cell edit  --><br \/>\nGuriddo jqGrid JS supports creating a form, on the fly, to enter or edit grid data. We supporting of text, text area, check box, select, image, button types, client side validation of the entered data, keyboard navigation up and down keys,<br \/>\nflexible events, full control of the form from creation to closing\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/searching.png\" title=\"Searching\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/searching.png\" alt=\"Searching\" \/><\/a><br \/>\nSEARCHING AND FILTERING<\/h4>\n<p><!-- Searching --><br \/>\nThe columns in the grid can be used as the basis for a search form to appear above, below, or in place of, the grid. We support single field searching, tool bar searching (placing the search fields below the headers), complex form searching and advanced searching with criteria defined from user. We can define a predefined search templates to make the search easy.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/grouping.png\" title=\"Grouping\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/grouping.png\" alt=\"Grouping\" \/><\/a><br \/>\nGROUPING<\/h4>\n<p><!-- Cell edit  --><br \/>\nGrouping is a way to group data by different criteria. Guriddo jqGrid JS currently supports a unlimited levels of grouping and  different  type of calculations to the group value applied to column. Currently we support the following build in functions: sum, count, avg, min, max. Also a custom summary type is supported. With grouping you can easy create a representative report.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/groupheader.png\" title=\"Group headers\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/groupheader.png\" alt=\"Group header\" \/><\/a><br \/>\nGROUP COLUMN HEADERS<\/h4>\n<p>\nHeader grouping is a way to add additional columns above the header grid rows, so that they are grouped in a way you need them. We support this feature in unique manner using two types of grouping &#8211; with colSpan enabled and colSpan disabled. If the colSpan is disabled (the default) the headers that do not have grouping have a additional cell above it. If the colSpan is enabled there is no additional cell above the non-grouped column and it is considered as one column.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/frozen.png\" title=\"Frozen columns\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/frozen.png\" alt=\"Frozen Columns\" \/><\/a><br \/>\nFROZEN COLUMNS<\/h4>\n<p>\nIt is quit easy for developers to make some columns frozen\/locked within Guriddo jqGrid. The locked columns do not scroll out of view when users moving horizontally across the grid. This is quite useful when you dealing with wide table with some fields should be visible permanently. It is needed to set this property in the model and call only one command.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/virtual.png\" title=\"Virtual scroll\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/virtual.png\" alt=\"Virtual scrolling\" \/><\/a><br \/>\nVIRTUAL SCROLLING<\/h4>\n<p>\nThis is a special paging mode of Guriddo jqGrid where standard paging is disabled and you can request new pages by scrolling the scrollbar to the bottom. This is very convenient for getting large amounts of data page by page while keeping the interface simple.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:left;margin-right: 2em;margin-top:25px !important;padding-top:20px !important;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/columnchooser.png\" title=\"jQuery UI Integrations\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/columnchooser.png\" alt=\"jQuery UI Integrations\" \/><\/a><br \/>\njQUERY UI INTEGRATIONS<\/h4>\n<p>\nSince Guriddo jqGrid is a jQuery plugin it is very natural that in some cases we should not reinvent the wheel. That is the reason that we have made a decision to do some things in Guriddo jqGrid using the jQuery UI lib. Currently we have the following additions: <strong>Sortable columns<\/strong> &#8211; the method allow to reorder the grid columns using the mouse; <strong>Column Chooser<\/strong> &#8211; With this method we can reorder columns and set visible and hidden columns in the grid in visual manner; <strong>Sortable Rows<\/strong> &#8211; This method allows reordering (sorting) grid rows in a visual manner using a mouse; <strong>Resizable Grid<\/strong> &#8211; This method allow to re size the grid width and\/or height in visual manner using a mouse.\n<\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\">\n<a style=\"float:right;margin-left: 2em;margin-top:25px !important;padding-top:20px;\" class=\"lbp_primary\" href=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/subgrid.png\" title=\"Subgrid, master detail\" > <img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"150\"  src=\"http:\/\/guriddo.net\/wp-content\/themes\/construct\/images\/features\/subgrid.png\" alt=\"Subgrid, master detail\" \/><\/a><br \/>\nSUBGRIDS AND MASTER DETAIL<\/h4>\n<p>\nYou can show any level of nested subgrids (master detail) inside a parent grid. It is needed to  set the subGridRowExpanded function to construct another Child grid.\n<\/p>\n<p><\/p>\n<h4 style=\"margin-bottom:14px;clear:both; padding-top:1.5em;\" class=\"bord\"> SOME OTHER FEATURES&#8230;<\/h4>\n<div class=\"bullets_lists c_after\">\n<ul class=\"arrows_list\">\n<li> TreeGrid &#8211; a unlimited level of hierarchy. See more details here<\/li>\n<li> Pivot grid &#8211; view data in diffrent perspective. See more here. <\/li>\n<li>CSS based themes. Guriddo jqGrid is compatible with UI Theming. Developers can change the grid skin by defining their own using the UI CSS Framework.<\/li>\n<li>Speed. The new rendering engine improves the loading speed in some cases up to 5-10 time faster than previous releases.<\/li>\n<li>Paging. This feature enables developer to display data page by page. Data will not be retrieved from the server until the end user comes to that page. Developers can control how many rows are displayed at a time.<\/li>\n<li>Resizable Columns. Column width can be changed by the end user.<\/li>\n<li>Sorting &#038; various data types. The end user can sort records by clicking on the header of a column. Developers can specify sorting for various types including string, number, boolean, link, select and percent.<\/li>\n<li>Multiple Sorting. We can sort a grid by more than a single field.<\/li>\n<li>Event handlers &#038; user API. Event handlers and various methods give you more flexibility without coding too much.<\/li>\n<li>Working with local data. Guriddo jqGrid can work with local data defined as an array.<\/li>\n<li>Seamless integration with any server side solution such as ASP, .net, PHP and perl.<\/li>\n<li> Multilingual support (i18n). Currently Guriddo jqGrid supports more than 40 languages.<\/li>\n<li>Support for XML, JSON and arrays as data sources. Another great feature is the possibility to define your own custom data type.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Guriddo jqGrid JS Guriddo jqGrid JS is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":102663,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"blank.php","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},"_links":{"self":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102666"}],"collection":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102666"}],"version-history":[{"count":124,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102666\/revisions"}],"predecessor-version":[{"id":127016,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102666\/revisions\/127016"}],"up":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102663"}],"wp:attachment":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}