{"id":128970,"date":"2022-11-16T17:41:25","date_gmt":"2022-11-16T16:41:25","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-selectable-row-list\/"},"modified":"2022-11-16T17:41:25","modified_gmt":"2022-11-16T16:41:25","slug":"how-to-create-a-selectable-row-list","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/wie-gestalte-ich-eine-auswaehlbare-zeile-liste","title":{"rendered":"Wie man eine ausw\u00e4hlbare Zeilenliste designt"},"content":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie eine Datenliste erstellen, bei der Sie die Farbe der Zeile \u00e4ndern k\u00f6nnen, um ihr einen Auswahleffekt zu verleihen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73208725\/index.html\" width=\"820px\" height=\"320px\" frameborder=\"0\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Wie man es baut:<\/span><\/p>\n<h3><strong>Siehe<\/strong><\/h3>\n<ul>\n<li>Gehen Sie zur Palette &#8222;Datenst\u00e4mme&#8220; und erstellen Sie einen neuen &#8222;Datenstamm&#8220;, nennen Sie ihn &#8222;Test&#8220; und legen Sie drei Attribute an: &#8222;Spalte A&#8220;, &#8222;Spalte B&#8220; und &#8222;Spalte C&#8220;, und dr\u00fccken Sie dann auf &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-44165\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/selectable-row-list-1.png\" alt=\"Hinzuf\u00fcgen von Feldern zur Datenliste\" width=\"600\" height=\"349\"><\/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;, schreiben Sie Ihre Beispieldaten dorthin und dr\u00fccken Sie &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-44165\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/selectable-row-list-2.png\" alt=\"Hinzuf\u00fcgen von Feldern zur Datenliste\" width=\"600\" height=\"349\"><\/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; geben Sie Ihrer Liste einen Namen, w\u00e4hlen Sie als n\u00e4chstes den zuvor erstellten &#8222;Datenstamm&#8220; und w\u00e4hlen Sie alle Attribute aus.<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\/selectable-row-list-3.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/selectable-row-list-3.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/selectable-row-list-3.png\" alt=\"Erstellen Sie eine Datenliste\">Erstellen Sie eine Datenliste<\/source><\/video><\/li>\n<\/ul>\n<h3><strong>Ereignisse<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">Platzieren Sie den Mauszeiger links von der Zeile, bis er sich in einen Pfeil verwandelt, der nach rechts zeigt, und klicken Sie, um die gesamte Zeile auszuw\u00e4hlen. Gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.&nbsp;<\/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 im Feld &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Stil \u00e4ndern&#8220; und klicken Sie auf die &#8222;Datenliste&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Hintergrundfarbe ungerade und gerade als Standard. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses zu beenden. <\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 59%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767361891\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Gehen Sie erneut zur Palette Ereignisse 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 w\u00e4hlen&#8220; die Option &#8222;Stil \u00e4ndern&#8220; und markieren Sie die aktuelle Zeile in der &#8222;Datenliste&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie eine Hintergrundfarbe f\u00fcr den Stil und legen Sie die Farbe Blau fest.  <\/span>Klicken Sie auf &#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\/767361928\" 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 eine Datenliste erstellen, bei der Sie die Farbe der Zeile \u00e4ndern k\u00f6nnen, um ihr einen Auswahleffekt zu verleihen. Wie&#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-128970","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\/128970"}],"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=128970"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128970\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=128970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=128970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=128970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}