{"id":51086,"date":"2024-07-24T11:58:14","date_gmt":"2024-07-24T09:58:14","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/"},"modified":"2025-12-11T11:03:35","modified_gmt":"2025-12-11T09:03:35","slug":"erstellen-sie-benutzerdefinierte-widgets","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/","title":{"rendered":"Benutzerdefinierte Widgets erstellen"},"content":{"rendered":"

[vc_row row_content_display=”in_grid” row_content_display_align=”left” row_type=”row” stretch_row_type=”yes”][vc_column][vc_column_text css=””]<\/p>\n

\u00dcberblick<\/h1>\n

[\/vc_column_text][vc_column_text css=””]Ein Widget<\/strong> stellt ein bestimmtes Element in der Benutzeroberfl\u00e4che dar (z. B. Kontrollk\u00e4stchen, Schaltfl\u00e4che oder Anmeldebildschirm usw.). Um ein Widget anzupassen, klicken Sie im Simplifier-Dashboard auf die Kachel Widgets<\/strong> und w\u00e4hlen Sie die Registerkarte Widgets<\/strong> aus.[\/vc_column_text][vc_single_image image=”70417″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_column_text css=””]In der \u00dcbersicht k\u00f6nnen Sie ein Widget bearbeiten, sich die Details ansehen, es l\u00f6schen oder kopieren oder sich die Beschreibung, Kategorie und Tags ansehen und es als veraltet festlegen oder nicht.[\/vc_column_text][vc_single_image image=”70418″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_column_text css=””]<\/p>\n

Neues Widget hinzuf\u00fcgen<\/h1>\n

[\/vc_column_text][vc_column_text css=””]Dr\u00fccken Sie die ‘+’-Taste rechts, um ein neues Widget hinzuzuf\u00fcgen. Geben Sie einen Widget-Namen<\/strong> ein und w\u00e4hlen Sie die Systembibliothek<\/strong> aus, die das Widget verwenden soll. Dr\u00fccken Sie ‘Ok<\/strong>‘, um das Widget zu erstellen.[\/vc_column_text][vc_single_image image=”70419″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_message message_box_color=”warning” css=””]Das Widget wird durch Dr\u00fccken der Speichertaste im folgenden Bildschirm erstellt. Wenn Sie die Ansicht verlassen, ohne zu speichern, werden Ihre Eingaben verworfen.[\/vc_message][vc_column_text css=””]<\/p>\n

Allgemeine Daten zu Ihrem Widget<\/h2>\n

[\/vc_column_text][vc_column_text css=””]Verwenden Sie die Registerkarte Allgemein<\/strong>, um die Metadaten Ihres Widgets festzulegen, damit es einfacher ist, es im UI Designer Ihrer Anwendungen zu verwenden[\/vc_column_text][vc_column_text css=””]<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n
Eigenschaft<\/th>\nBeschreibung<\/th>\n<\/tr>\n<\/thead>\n
Kategorie<\/td>\nW\u00e4hlen Sie die Widget-Kategorie aus, der Sie das Widget zuordnen m\u00f6chten<\/td>\n<\/tr>\n
Beschreibung<\/td>\nF\u00fcgen Sie eine Beschreibung hinzu, die im UI Designer angezeigt werden soll. Sie k\u00f6nnen HTML-Tags verwenden, um Ihre Beschreibung zu formatieren <\/td>\n<\/tr>\n
Dokumentations-URL<\/td>\nWenn Sie eine zus\u00e4tzliche Dokumentations-URL haben, die Sie Ihren App-Entwicklern zur Verf\u00fcgung stellen m\u00f6chten, f\u00fcgen Sie die URL hier hinzu. Sie wird im Abschnitt ‘Sonstiges’ angezeigt, wenn Sie die Eigenschaften des Widgets in der Anwendung festlegen. <\/td>\n<\/tr>\n
Tags<\/td>\nTaggen Sie Ihre Widgets, um sie schneller zu finden<\/td>\n<\/tr>\n
Projekte<\/td>\nWeisen Sie Projekte zu, falls erforderlich<\/td>\n<\/tr>\n
App-Assistent<\/td>\nVerwenden Sie die Zuweisung, wenn Sie AppWizards haben, die den Benutzer bei der Konfiguration Ihres Widgets im Application Editor unterst\u00fctzen, oder wenn der AppWizard Ihr Widget ersetzt<\/td>\n<\/tr>\n
Veraltet<\/td>\nVeraltete Widgets werden im UI Designer nicht mehr angezeigt. Veraltete Widgets, die verwendet wurden, bevor sie als veraltet markiert wurden, werden weiterhin im Inhalt der Anwendung angezeigt. Ihre Anwendung wird weiterhin ohne Probleme oder Warnungen gespeichert und bereitgestellt und l\u00e4uft wie zuvor. <\/td>\n<\/tr>\n
Symbol<\/td>\nF\u00fcgen Sie ein Symbol hinzu, das Ihr Widget am besten darstellt<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/vc_column_text][vc_single_image image=”70420″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_column_text css=””]<\/p>\n

Widget-Vorlage<\/h2>\n

[\/vc_column_text][vc_column_text css=””]Definieren Sie die Vorlage des Widgets als JSON, um alle Eigenschaften<\/strong>, Ereignisse<\/strong> und Aggregationen<\/strong> zu definieren. Neben der Vorlage m\u00fcssen Sie diese auch im richtigen Bereich konfigurieren. <\/p>\n

Wenn Ihr Widget ein Steuerelement erweitert, das in der zugewiesenen Systembibliothek vorhanden ist, verwenden Sie den Assistenten, um die Vorlage und die detaillierte Konfiguration zu erstellen.<\/p>\n

Geben Sie den Pfad des Widgets in das Eingabefeld ‘Widget-Typ’ ein und dr\u00fccken Sie die Assistenten-Taste[\/vc_column_text][vc_single_image image=”70421″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_message message_box_color=”warning” css=””]Widgets unterst\u00fctzen derzeit nur JSON-Ansichten[\/vc_message][vc_column_text css=””]<\/p>\n

Widget-Skript<\/h2>\n

[\/vc_column_text][vc_column_text css=””]Um Ihre Erweiterungen hinzuzuf\u00fcgen, m\u00fcssen Sie Ihre Logik als Skript hinzuf\u00fcgen. Sie k\u00f6nnen bei Bedarf vorhandene Steuerelemente erweitern.[\/vc_column_text][vc_single_image image=”70422″ img_size=”large” alignment=”center” onclick=”link_image” css=””][vc_column_text css=””]<\/p>\n

Widget bearbeiten<\/h1>\n

[\/vc_column_text][vc_column_text css=””]Wenn Sie ein Widget mit neuen Eigenschaften, Ereignissen oder Aggregationen erweitern m\u00f6chten, m\u00fcssen Sie<\/p>\n

    \n
  • F\u00fcgen Sie sie in der Vorlage hinzu<\/li>\n
  • F\u00fcgen Sie die Standarddefinitionen im Skript hinzu<\/li>\n
  • F\u00fcgen Sie die Konfiguration im richtigen Bereich hinzu<\/li>\n<\/ul>\n

    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c. <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":49230,"menu_order":105,"template":"","format":"standard","class_list":["post-51086","manual_documentation","type-manual_documentation","status-publish","format-standard","hentry","manualdocumentationcategory-aktueller-release"],"yoast_head":"\nBenutzerdefinierte Widgets erstellen - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Benutzerdefinierte Widgets erstellen - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"Simplifier Makers Club\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifier.io\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-11T09:03:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@simplifier_io\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/\"},\"author\":{\"name\":\"Chris Bouveret\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/4e80618add686271435728dd07f9e595\"},\"headline\":\"Benutzerdefinierte Widgets erstellen\",\"datePublished\":\"2024-07-24T09:58:14+00:00\",\"dateModified\":\"2025-12-11T09:03:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/\"},\"wordCount\":718,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/\",\"name\":\"Benutzerdefinierte Widgets erstellen - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"datePublished\":\"2024-07-24T09:58:14+00:00\",\"dateModified\":\"2025-12-11T09:03:35+00:00\",\"description\":\"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\\\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-sie-benutzerdefinierte-widgets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App Builder Anleitung\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Erweitern\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/ausdehnen\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Benutzerdefinierte Widgets erstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"name\":\"Simplifier Makers Club\",\"description\":\"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\",\"name\":\"Simplifier AG\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"width\":651,\"height\":150,\"caption\":\"Simplifier AG\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/simplifier.io\\\/\",\"https:\\\/\\\/x.com\\\/simplifier_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/simplifier-ag\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Simplifier\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/4e80618add686271435728dd07f9e595\",\"name\":\"Chris Bouveret\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/1\\\/1713192263-bpfull.png\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/1\\\/1713192263-bpfull.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/1\\\/1713192263-bpfull.png\",\"caption\":\"Chris Bouveret\"},\"description\":\"Hi, I\u2019m Chris, Co-Founder and CIO of Simplifier. I\u2019m passionate about revolutionizing how businesses build and deploy applications using low-code technology. I focus on ensuring our platform is secure, robust, and constantly evolving to meet your needs. At Simplifier, we're committed to empowering you with the tools and support necessary to streamline your processes and drive innovation within your organization.\",\"sameAs\":[\"https:\\\/\\\/www.simplifier.io\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/christopher-bouveret\",\"https:\\\/\\\/x.com\\\/chrisbouveret\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Benutzerdefinierte Widgets erstellen - Simplifier Makers Club","description":"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/","og_locale":"de_DE","og_type":"article","og_title":"Benutzerdefinierte Widgets erstellen - Simplifier Makers Club","og_description":"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.","og_url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2025-12-11T09:03:35+00:00","twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/"},"author":{"name":"Chris Bouveret","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/4e80618add686271435728dd07f9e595"},"headline":"Benutzerdefinierte Widgets erstellen","datePublished":"2024-07-24T09:58:14+00:00","dateModified":"2025-12-11T09:03:35+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/"},"wordCount":718,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/","url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/","name":"Benutzerdefinierte Widgets erstellen - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"datePublished":"2024-07-24T09:58:14+00:00","dateModified":"2025-12-11T09:03:35+00:00","description":"Das Erstellen von OpenUi5-Widgets erfordert das sorgf\u00e4ltige Beachten der Konstruktordetails in der API. Widgets verf\u00fcgen \u00fcber verschiedene unterst\u00fctzte Einstellungen, einschlie\u00dflich Eigenschaften, Aggregationen und Ereignisse. Definieren Sie zuerst den Namen, die Beschreibung und die Kategorie Ihres Widgets. Legen Sie dann Parameter f\u00fcr den UI5-Steuerelementnamen unter der Registerkarte OpenUI5 fest. Verwenden Sie JSON-Vorlagen f\u00fcr den Entwurf des Widgets. Jedes deklarierte Attribut sollte eine entsprechende Eigenschaft\/ein entsprechendes Ereignis usw. haben. W\u00e4hlen Sie nach Best\u00e4tigung aller Eigenschaften die Standardbindungs-Eigenschaft aus und beenden Sie den Vorgang mit einem Klick auf \u201eSpeichern\u201c.","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-sie-benutzerdefinierte-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/community.simplifier.io\/de\/"},{"@type":"ListItem","position":2,"name":"App Builder Anleitung","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/"},{"@type":"ListItem","position":3,"name":"Erweitern","item":"https:\/\/community.simplifier.io\/de\/doc\/ausdehnen\/"},{"@type":"ListItem","position":4,"name":"Benutzerdefinierte Widgets erstellen"}]},{"@type":"WebSite","@id":"https:\/\/community.simplifier.io\/de\/#website","url":"https:\/\/community.simplifier.io\/de\/","name":"Simplifier Makers Club","description":"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace","publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/community.simplifier.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/community.simplifier.io\/de\/#organization","name":"Simplifier AG","url":"https:\/\/community.simplifier.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","width":651,"height":150,"caption":"Simplifier AG"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifier.io\/","https:\/\/x.com\/simplifier_io","https:\/\/www.linkedin.com\/company\/simplifier-ag\/","https:\/\/www.youtube.com\/c\/Simplifier\/"]},{"@type":"Person","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/4e80618add686271435728dd07f9e595","name":"Chris Bouveret","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/1\/1713192263-bpfull.png","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/1\/1713192263-bpfull.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/1\/1713192263-bpfull.png","caption":"Chris Bouveret"},"description":"Hi, I\u2019m Chris, Co-Founder and CIO of Simplifier. I\u2019m passionate about revolutionizing how businesses build and deploy applications using low-code technology. I focus on ensuring our platform is secure, robust, and constantly evolving to meet your needs. At Simplifier, we're committed to empowering you with the tools and support necessary to streamline your processes and drive innovation within your organization.","sameAs":["https:\/\/www.simplifier.io","https:\/\/www.linkedin.com\/in\/christopher-bouveret","https:\/\/x.com\/chrisbouveret"]}]}},"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/51086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/51086\/revisions"}],"predecessor-version":[{"id":71909,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/51086\/revisions\/71909"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49230"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=51086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}