{"id":516,"date":"2015-04-28T18:57:57","date_gmt":"2015-04-28T17:57:57","guid":{"rendered":"http:\/\/ipsview.brownson.at\/?p=516"},"modified":"2015-04-28T18:59:55","modified_gmt":"2015-04-28T17:59:55","slug":"verwendung-des-view-generators-teil-2","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=516","title":{"rendered":"Verwendung des View Generators \u2013 Teil 2"},"content":{"rendered":"<p><span style=\"text-decoration: underline;\">Generierung der View:<\/span><\/p>\n<p>Teil 2 dieses Themas befasst sich nun mit der eigentlichen Generierung der View, diese basiert auf der <a title=\"Verwendung des View Generators \u2013 Teil 1\" href=\"http:\/\/ipsview.brownson.at\/?p=499\">Variable Kategorisierung aus Teil 1<\/a>.<\/p>\n<p>Bei der Benutzung des View Generators empfiehlt es sich zuerst eine neue View anzulegen<\/p>\n<p>Danach entscheidet man sich f\u00fcr eine Vorlage und startet die Generierung der View durch einen Doppelklick auf die entsprechende Vorlage. Alternativ kann die Generierung auch \u00fcber den Punkt \u201eGeneriere View\u201c im Context Men\u00fc des Objektbaumes ausgel\u00f6st werden.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeTemp.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-543\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeTemp.png\" alt=\"IPSView_ViewGen_TreeTemp\" width=\"263\" height=\"167\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeTemp-200x127.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeTemp.png 263w\" sizes=\"(max-width: 263px) 100vw, 263px\" \/><\/a><\/p>\n<p>Der Generator erzeugt daraufhin diverse Seiten entsprechend der Variable Kategorisierung und der Vorlage.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-523 size-large\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_View1-1024x194.png\" alt=\"IPSView_ViewGen_View1\" width=\"500\" height=\"95\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_View1-200x38.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_View1-300x57.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_View1-1024x194.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_View1.png 1096w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>In diesem Beispiel wurde die Vorlage &#8222;Mobile&#8220; gew\u00e4hlt, die\u00a0speziell f\u00fcr mobile Endger\u00e4te angepasst ist. Es wird eine Hauptseite mit 3 Containern erzeugt:<\/p>\n<ul>\n<li>Header &#8211;\u00a0 enth\u00e4lt eine statische Seite mit Informationen zu Datum,Uhrzeit,Temperaturen und Anwesenheitsstatus (vorausgesetzt es gibt Variablen mit entsprechender Kategorisierung)<\/li>\n<li>Detail- enth\u00e4lt die eigentlichen Seiten zur Darstellung der R\u00e4ume und Gewerktypen<\/li>\n<li>Menu\u00a0&#8211; verlinkt zu weitern Menu-Seiten im Detailbereich<\/li>\n<\/ul>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageMain.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-524\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageMain-181x300.png\" alt=\"IPSView_ViewGen_PageMain\" width=\"181\" height=\"300\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageMain-121x200.png 121w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageMain-181x300.png 181w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageMain.png 423w\" sizes=\"(max-width: 181px) 100vw, 181px\" \/><\/a><\/p>\n<p>Am Client sieht das an dieser Stelle so aus:<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-534\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1-169x300.png\" alt=\"IPSView_ViewGen_Client1\" width=\"169\" height=\"300\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1-112x200.png 112w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1-169x300.png 169w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1-576x1024.png 576w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client1.png 675w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a> <a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2.png\"> <img decoding=\"async\" class=\"alignnone size-medium wp-image-535\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2-169x300.png\" alt=\"IPSView_ViewGen_Client2\" width=\"169\" height=\"300\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2-112x200.png 112w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2-169x300.png 169w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2-576x1024.png 576w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client2.png 675w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a> <a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-536\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3-169x300.png\" alt=\"IPSView_ViewGen_Client3\" width=\"169\" height=\"300\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3-112x200.png 112w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3-169x300.png 169w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3-576x1024.png 576w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Client3.png 675w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<p><span style=\"text-decoration: underline;\">Vorlagen personalisieren:<\/span><\/p>\n<p>Das\u00a0Selektieren einer Vorlage\u00a0listet dessen Eigenschaften im Property-Editor auf und bietet auch die M\u00f6glichkeit diverse Einstellungen vorzunehmen. Diese \u00c4nderungen gehen nach dem Schlie\u00dfen des Designers aber wieder verloren. Um die \u00c4nderungen dauerhaft zu speichern, kann man die gew\u00e4hlte Vorlage als Benutzervorlage abspeichern (Button\u00a0<img decoding=\"async\" class=\"alignnone size-full wp-image-518\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Designer_TreeSaveAsUser.png\" alt=\"Designer_TreeSaveAsUser\" width=\"24\" height=\"25\" \/>\u00a0oder Aufruf \u00fcber das Kontext Men\u00fc).<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser1.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-537\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser1-300x249.png\" alt=\"IPSView_ViewGen_TreeUser1\" width=\"300\" height=\"249\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser1-200x166.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser1-300x249.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser1.png 369w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-538\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser2.png\" alt=\"IPSView_ViewGen_TreeUser2\" width=\"253\" height=\"146\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser2-200x115.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TreeUser2.png 253w\" sizes=\"(max-width: 253px) 100vw, 253px\" \/><\/p>\n<p>Folgende Eigenschaften k\u00f6nnen nach dem Ausw\u00e4hlen der Vorlage gesetzt werden:<\/p>\n<ul>\n<li>Navigationsbereich &#8211; ist dieser aktiviert, wird anstatt des Menu Bereiches im unteren Bereich, ein Navigationsbereich am linken Bereich erstellt. Dieser ersetzt auch die Detailmen\u00fcs im Detailbereich.<\/li>\n<li>Men\u00fc Spalten &#8211; bestimmt die Anzahl der Buttons die sich in einer Men\u00fc Zeile befinden.<\/li>\n<li>Detail Spalten &#8211; bestimmt die Anzahl der Datenfelder im Detailbereich<\/li>\n<li>Stockwerke &#8211; enth\u00e4lt eine Liste aller vorhandenen Stockwerke, hier kann die Reihenfolge der Stockwerke ver\u00e4ndert werden und es gibt einen Schalter, der eine leere Seite f\u00fcr einen Floorplan erzeugt.<\/li>\n<li>R\u00e4ume &#8211; enth\u00e4lt eine Liste aller R\u00e4ume, hier kann die Reihenfolge der R\u00e4ume und das zugeh\u00f6rige Raum\u00a0Icon ver\u00e4ndert werden.<\/li>\n<li>Gewerke &#8211; enth\u00e4lt eine Liste aller\u00a0Gewerke, hier kann die Reihenfolge der Gewerke ver\u00e4ndert werden. Au\u00dferdem besteht auch noch die M\u00f6glichkeit leere Detailseiten f\u00fcr Gewerke erzeugen zu lassen.<\/li>\n<li>Ger\u00e4tetypen &#8211; enth\u00e4lt eine Liste aller Ger\u00e4tetypen, auch hier kann die Reihenfolge ge\u00e4ndert werden (diese bestimmt die Reihenfolge der Ger\u00e4tetypen in den R\u00e4umen).<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\" size-full wp-image-521 alignnone\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Temp.png\" alt=\"IPSView_ViewGen_Temp\" width=\"282\" height=\"242\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Temp-200x172.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_Temp.png 282w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/p>\n<p>Als Beispiel m\u00f6chte ich hier mal zeigen, wie man eine Seite f\u00fcr einen Floorplan generieren kann. Man w\u00e4hlt in der Vorlage das Property Stockwerke. Es \u00f6ffnet sich ein Detailfenster mit den Stockwerken, dort w\u00e4hlt man beim Property &#8222;Floorplan Seite&#8220; Ja.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TempFloor.png\"><img decoding=\"async\" class=\"alignnone wp-image-522\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TempFloor.png\" alt=\"IPSView_ViewGen_TempFloor\" width=\"500\" height=\"181\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TempFloor-200x72.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TempFloor-300x109.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_TempFloor.png 986w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Wenn man nun die View erneut generiert wird in der unteren Menuleiste ein neuer Button f\u00fcr die Stockwerke erzeugt. Dieser verlinkt auf ein Detailmen\u00fc der Stockwerke, wo man wiederum auf die eigentlichen Stockwerke weiternavigieren kann.<\/p>\n<p><span style=\"text-decoration: underline;\">Generierte View modifizieren:<\/span><\/p>\n<p>Die generierte Floorplan Seite kann man nun mit eigenen Steuerelementen bef\u00fcllen.<\/p>\n<p>Um zu verhindern, dass diese Seite beim erneuten Aufruf des Generators wieder \u00fcberschrieben wird, kann man bei den Properties der entsprechenden Seite die Option &#8222;Seite ist gesch\u00fctzt&#8220; auf &#8222;Ja&#8220; setzen.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageFloor.png\"><img decoding=\"async\" class=\"alignnone wp-image-525\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageFloor.png\" alt=\"IPSView_ViewGen_PageFloor\" width=\"500\" height=\"214\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageFloor-200x86.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageFloor-300x128.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/IPSView_ViewGen_PageFloor.png 799w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Analog kann man das auch bei jeder anderen Seite machen.\u00a0Zu beachten ist nat\u00fcrlich, dass der View Generator keinerlei Ver\u00e4nderungen mehr an der Seite vornimmt und so auch keine neuen Gewerke mehr einf\u00fcgt.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generierung der View: Teil 2 dieses Themas befasst sich nun  [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[36,4,39],"class_list":["post-516","post","type-post","status-publish","format-standard","hentry","category-howto","tag-generator","tag-view","tag-vorlagen"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=516"}],"version-history":[{"count":9,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":544,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/516\/revisions\/544"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}