{"id":236,"date":"2017-06-19T21:43:18","date_gmt":"2017-06-19T20:43:18","guid":{"rendered":"http:\/\/www.hman-projects.de\/?p=236"},"modified":"2017-07-23T14:34:59","modified_gmt":"2017-07-23T13:34:59","slug":"dashboards-mit-gridstack","status":"publish","type":"post","link":"https:\/\/www.hman-projects.de\/?p=236","title":{"rendered":"Dashboards mit Gridstack"},"content":{"rendered":"<p>Gridsatck liefert eine einfache Funktion um mit Bootstrap auch Dashboards oder ein Grid von Widgets zu gestalten.<\/p>\n<p>Gridstack finde ich pers\u00f6nlcih sehr praktisch, denn es gibt nicht zu viele Funktionen vor, sprich, man kann sehr viel selbst implementieren ohne schon ein gro\u00dfes Admin-Template oder sonstige visuelle Dinge ber\u00fccksichtigen zu m\u00fcssen.<\/p>\n<p>Hier ein einfaches Beispiel, welches zu 95% dem Original entspricht und ich nur die Referenzierung der DIVs durch IDs in Javascript hinzugef\u00fcgt habe. Somit lie\u00dfe sich \u00fcber die Serialisierung als JSON-String das Grid sichern und laden und je nach Widget-ID oder DIV-ID wird der passende Content asynchron geladen.<\/p>\n<p><a href=\"http:\/\/hman-projects.de\/extraSite\/fake\/gridstack_serialization.html\" target=\"_blank\">Beipiel unter: http:\/\/hman-projects.de\/extraSite\/fake\/gridstack_serialization.html<\/a><\/p>\n<p>Neue Demo mit kleinem DropDown-Men\u00fc vom 23.07.2017<\/p>\n<p><a href=\"http:\/\/hman-projects.de\/extraSite\/gridstack\/demo\/\" target=\"_blank\">http:\/\/hman-projects.de\/extraSite\/gridstack\/demo\/<\/a><\/p>\n<p>Hier die offzielle Gridstack-Seite:<\/p>\n<p><a href=\"https:\/\/troolee.github.io\/gridstack.js\/\" target=\"_blank\">https:\/\/troolee.github.io\/gridstack.js\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gridsatck liefert eine einfache Funktion um mit Bootstrap auch Dashboards oder ein Grid von Widgets zu gestalten. Gridstack finde ich pers\u00f6nlcih sehr praktisch, denn es gibt nicht zu viele Funktionen vor, sprich, man kann sehr viel selbst implementieren ohne schon ein gro\u00dfes Admin-Template oder sonstige visuelle Dinge ber\u00fccksichtigen zu m\u00fcssen. Hier ein einfaches Beispiel, welches [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,30],"tags":[],"class_list":["post-236","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-html"],"_links":{"self":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/236"}],"collection":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=236"}],"version-history":[{"count":4,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/236\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/236\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}