{"id":128971,"date":"2022-11-16T17:42:09","date_gmt":"2022-11-16T16:42:09","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-data-list-with-radio-buttons\/"},"modified":"2022-11-16T17:42:09","modified_gmt":"2022-11-16T16:42:09","slug":"how-to-create-a-data-list-with-radio-buttons","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/auswahle-zeilen-daten-liste-mit-radio-schaltflaechen","title":{"rendered":"Wie w\u00e4hle ich eine Datenlistenzeile mit Optionsfeldern aus?"},"content":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie Optionsfelder zur Auswahl einer Datenzeile verwenden k\u00f6nnen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73206547\/index.html\" width=\"820px\" height=\"350px\" frameborder=\"0\"><\/iframe><\/p>\n<p>So bauen Sie es auf:<\/p>\n<h3><strong>Siehe&nbsp;<\/strong><\/h3>\n<ul>\n<li>Gehen Sie zur Palette &#8222;Datenst\u00e4mme&#8220; und klicken Sie auf die Schaltfl\u00e4che &#8222;+&#8220;, um einen neuen &#8222;Datenstamm&#8220; zu erstellen, nennen Sie ihn &#8222;Muster&#8220;, legen Sie zwei Attribute an: &#8222;Name&#8220; und &#8222;Nachname&#8220;, klicken Sie auf &#8222;Ok&#8220;.<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-1.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-1.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-1.png\" alt=\"Einen Datenstamm erstellen\">Einen Datenstamm erstellen<\/source><\/video><\/li>\n<li>Klicken Sie mit der rechten Maustaste auf den soeben erstellten &#8222;Datenstamm&#8220; und w\u00e4hlen Sie &#8222;Datens\u00e4tze anzeigen und bearbeiten&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71239\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-2.png\" alt=\"\" width=\"792\" height=\"337\"><\/li>\n<li>Schreiben Sie Ihre Beispieldaten und dr\u00fccken Sie dann auf &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71239\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-3.png\" alt=\"\" width=\"792\" height=\"337\"><\/li>\n<li>W\u00e4hlen Sie &#8222;Datenliste&#8220; aus dem Bereich &#8222;Dynamischer Inhalt&#8220; und platzieren Sie sie auf der Arbeitsfl\u00e4che. Das Fenster &#8222;Neue Datenliste&#8220; wird aktiviert und Sie werden aufgefordert, Ihre Liste zu benennen, dann w\u00e4hlen Sie den von Ihnen erstellten &#8222;Datenstamm&#8220; und w\u00e4hlen alle Attribute aus. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung der Liste abzuschlie\u00dfen. <video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-4.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-4.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-4.png\" alt=\"Erstellen Sie eine Datenliste\">Erstellen Sie eine Datenliste<\/source><\/video><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<ul>\n<li><span style=\"font-weight: 400;\">W\u00e4hlen Sie in der Bibliothek der Basis-Widgets, Formulare und Eingaben ein &#8222;Optionsfeld&#8220; aus, halten Sie die Befehlstaste (Mac) bzw. die Steuerungstaste (Windows) gedr\u00fcckt und ziehen Sie es in die erste Zeile. Sie werden eine blaue F\u00e4rbung sehen, wenn Sie ein Element hineinziehen.<br \/>\n<\/span><video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-4.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-5.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-4.png\" alt=\"Ein Optionsfeld einf\u00fcgen\">Ein Optionsfeld einf\u00fcgen<\/source><\/video><\/li>\n<li><span style=\"font-weight: 400;\">Legen Sie zwei &#8222;Texte&#8220; neben Ihre &#8222;Datenliste&#8220;, schreiben Sie &#8222;Name&#8220; und &#8222;Nachname&#8220;, dann legen Sie zwei &#8222;Eingabe-Textfelder&#8220; neben jeden Text.<br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Markieren Sie das &#8222;Eingabe-Textfeld&#8220; und w\u00e4hlen Sie in der Palette Eigenschaften den unteren Rand aus, um ihn in der Simulation sichtbar zu machen, und wiederholen Sie den Vorgang f\u00fcr das zweite &#8222;Eingabe-Textfeld&#8220;.<\/span><\/li>\n<li>Die Kopfzeile der &#8222;Datenliste&#8220; kann \u00fcber die Eigenschaften-Palette bearbeitet werden, um den Hintergrund und die Textfarbe zu \u00e4ndern.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71239\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-6.png\" alt=\"\" width=\"792\" height=\"337\"><\/li>\n<\/ul>\n<h3><strong>Ereignisse<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Schaltfl\u00e4che &#8222;Radio&#8220; und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220; in der Palette &#8222;Ereignisse&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71239\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-7.png\" alt=\"\" width=\"792\" height=\"337\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf den Namen &#8222;Eingabe-Textfeld&#8220;.<\/span><\/li>\n<li>W\u00e4hlen Sie das Optionsfeld &#8222;Berechnet&#8220; f\u00fcr den Wert und klicken Sie auf &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71239\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-data-list-radio-buttons-8.png\" alt=\"\" width=\"792\" height=\"337\"><\/li>\n<li>Ziehen Sie die Eingabe [Sample .Name] in das Expression Builder-Feld und legen Sie sie dort ab. <span style=\"font-size: inherit;\"><span style=\"font-size: inherit;\">Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.<\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 58%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767359228\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Kehren Sie zur Palette Ereignisse zur\u00fcck, wobei das Optionsfeld ausgew\u00e4hlt ist, und klicken Sie auf das &#8222;+&#8220;, um ein neues Ereignis hinzuzuf\u00fcgen.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion ausw\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf den letzten Namen &#8222;Eingabe-Textfeld&#8220;.<\/span><\/li>\n<li>W\u00e4hlen Sie das Optionsfeld &#8222;Berechnet&#8220; f\u00fcr den Wert und klicken Sie auf &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<\/li>\n<li>Ziehen Sie die Eingabe [Sample .Last name] in das Expression Builder-Feld und legen Sie sie dort ab. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.\n<div class=\"embed-container\" style=\"padding-bottom: 59%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767359256\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Simulieren Sie Ihren Prototyp.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie Optionsfelder zur Auswahl einer Datenzeile verwenden k\u00f6nnen. So bauen Sie es auf: Siehe&nbsp; Gehen Sie zur Palette &#8222;Datenst\u00e4mme&#8220; und&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8548,8550],"tags":[],"class_list":["post-128971","post","type-post","status-publish","format-standard","hentry","category-erweiterte-anleitungen","category-formulare-und-daten"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128971"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=128971"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128971\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=128971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=128971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=128971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}