{"id":102670,"date":"2014-11-26T11:05:19","date_gmt":"2014-11-26T09:05:19","guid":{"rendered":"http:\/\/guriddo.net\/?page_id=102670"},"modified":"2014-12-07T16:06:52","modified_gmt":"2014-12-07T14:06:52","slug":"guriddo-treegrid-js","status":"publish","type":"page","link":"http:\/\/guriddo.net\/?page_id=102670","title":{"rendered":"Guriddo TreeGrid JS"},"content":{"rendered":"<div class=\"wraper_typ typ\">\n<h2 style=\"margin-bottom:30px\">What is Guriddo TreeGrid JS?<\/h2>\n<p style=\"margin-bottom:25px;\">\nGuriddo TreeGrid JS is a add-on component to Guriddo jqGrid, which represents data in a tree-like structure. It can read and display the data from your data sources like XML, JSON, JSONP or Array. TreeGrid JS has intuitive and easy to use APIs and works across devices and browsers. This component is a bonus to the Guriddo jqGrid JS and is part of its 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:right;margin-left: 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 TreeGrid 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:left;margin-right: 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 TreeGrid 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 TreeGrid 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:right;margin-left: 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 TreeGrid 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: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\/uploads\/2014\/11\/treemodels-300x167.png\" title=\"Tree Models\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treemodels-300x167.png\" alt=\"treemodels\" width=\"300\" height=\"167\" class=\"alignnone size-medium wp-image-102949\" srcset=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treemodels-300x167.png 300w, http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treemodels.png 369w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nTREEMODELS<\/h4>\n<p>\nTreeGrid supports both the Nested Set model and the Adjacency model. These can be easy configured with tree grid model.\n<\/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\/uploads\/2014\/11\/treeloading-300x145.png\" title=\"Tree Loading\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treeloading-300x145.png\" alt=\"treeloading\" width=\"300\" height=\"145\" class=\"alignnone size-medium wp-image-102947\" srcset=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treeloading-300x145.png 300w, http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treeloading.png 463w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/>\n<\/a><br \/>\nLOADING NODES<\/h4>\n<p><!-- Free --><br \/>\nWe support different type of loading the tree nodes: Auto-load nodes is a way to show quick tree items &#8211; this is know as load on demand via ajax for speed; We can load all the nodes at once, but collapsed ; We can load nodes at once, but expanded for better view\n<\/p>\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\/uploads\/2014\/11\/treelook.png\" title=\"Look and feel\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treelook-300x134.png\" alt=\"treelook\" width=\"300\" height=\"134\" class=\"alignnone size-medium wp-image-102948\" srcset=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treelook-300x134.png 300w, http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treelook.png 458w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nLOOK AND FEEL<\/h4>\n<p>\nThe look and feel of TreeGrid can be customized easy and can meet almost every user requirement. We can have a fixed height; icons can be changed; we support dynamic icons which can come from the data and much more&#8230;\n<\/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\/uploads\/2014\/11\/treenavigation.png\" title=\"Functionalities\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treenavigation-300x133.png\" alt=\"Tree navigation\" width=\"300\" height=\"167\" class=\"alignnone size-medium wp-image-102950\" \/><\/a><br \/>\nFUNCTIONALITIES<\/h4>\n<p><!-- Free --><br \/>\nTreeGrid has a lot of useful functionalities like keyboard navigation (Up, Down, Left, Right keys), actions when a node is selected, a set of methods which can make a custom development easy. It is easy simulate a simple tree view.\n<\/p>\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\/uploads\/2014\/11\/treecrud-300x159.png\" title=\"Add, edit, delete\" ><br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treecrud-300x159.png\" alt=\"treecrud\" width=\"300\" height=\"159\" class=\"alignnone size-medium wp-image-102945\" srcset=\"http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treecrud-300x159.png 300w, http:\/\/guriddo.net\/wp-content\/uploads\/2014\/11\/treecrud.png 462w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<\/a><br \/>\nADD, EDIT, DELETE NODES<\/h4>\n<p>\nWith TreeGrid it is easy to add , edit and delete nodes. We support this using the both Adjacency and nested set models. Note that we can do in visual manner using our Form editing module.\n<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is Guriddo TreeGrid JS? Guriddo TreeGrid JS is a add-on component to Guriddo jqGrid, which represents data in a tree-like structure. It can read and display the data from your data sources like XML, JSON, JSONP or Array. TreeGrid [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":102666,"menu_order":0,"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\/102670"}],"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=102670"}],"version-history":[{"count":21,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102670\/revisions"}],"predecessor-version":[{"id":103531,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102670\/revisions\/103531"}],"up":[{"embeddable":true,"href":"http:\/\/guriddo.net\/index.php?rest_route=\/wp\/v2\/pages\/102666"}],"wp:attachment":[{"href":"http:\/\/guriddo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}