{"id":129036,"date":"2022-11-16T17:39:53","date_gmt":"2022-11-16T16:39:53","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-data-list-in-place-edit\/"},"modified":"2022-11-16T17:39:53","modified_gmt":"2022-11-16T16:39:53","slug":"how-to-create-a-data-list-in-place-edit","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/hilfe-zum-prototyp-datenliste-an-der-stelle-bearbeiten","title":{"rendered":"Prototyp einer Datenliste vor Ort bearbeiten"},"content":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie den Prototyp f\u00fcr eine Datenliste in-place editieren k\u00f6nnen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73224978\/index.html\" width=\"820px\" height=\"400px\" frameborder=\"0\"><\/iframe><\/p>\n<p>So bauen Sie es auf:<\/p>\n<h3><b>Siehe<\/b><\/h3>\n<ul>\n<li>Gehen Sie zur Palette Datenst\u00e4mme und erstellen Sie einen neuen &#8222;Datenstamm&#8220;, nennen Sie ihn &#8222;Daten bearbeiten&#8220; und erstellen Sie ein Attribut mit dem Namen &#8222;Name&#8220;, dann dr\u00fccken Sie auf &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-1.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<li>Klicken Sie mit der rechten Maustaste auf den soeben erstellten &#8222;Datenstamm&#8220;, w\u00e4hlen Sie &#8222;Datens\u00e4tze anzeigen und bearbeiten&#8220;, um Ihre Beispieldaten zu schreiben, und dr\u00fccken Sie &#8222;Ok&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-2.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<li>W\u00e4hlen Sie &#8222;Datenliste&#8220; aus dem Abschnitt &#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 Datenstamm, den Sie zuvor erstellt haben, und w\u00e4hlen Sie das Attribut.<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\/data-list-in-place-edit-3.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-3.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-3.png\" alt=\"Erstellen Sie eine Datenliste\">Erstellen Sie eine Datenliste<\/video><\/li>\n<\/ul>\n<ul>\n<li>Markieren Sie den Inhalt der Zelle und klicken Sie mit der rechten Maustaste auf &#8222;Gruppieren&#8220; und w\u00e4hlen Sie &#8222;In dynamischem Panel gruppieren&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-4.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<li>W\u00e4hlen Sie das &#8222;Dynamische Panel&#8220; und klicken Sie auf das &#8222;+&#8220;-Symbol oben, um ein zweites Panel zu erstellen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-5.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<li>Platzieren Sie ein &#8222;Eingabe-Textfeld&#8220; aus den &#8222;Interaktiven Eingabefeldern&#8220; in Ihrem zweiten Panel; halten Sie die Befehlstaste (Mac) oder die Steuerungstaste (Windows) gedr\u00fcckt und ziehen Sie das Element hinein. Sie sehen eine blaue F\u00e4rbung, wenn Sie das Element ziehen. <\/li>\n<\/ul>\n<p>F\u00fcr dieses Beispiel: Gehen Sie zur Registerkarte &#8222;Datenmaster&#8220;, erweitern Sie sie und ziehen Sie das Attribut &#8222;Name&#8220; \u00fcber den Eingabetext. Das Attribut &#8222;Name&#8220; wird hinzugef\u00fcgt, l\u00f6schen Sie es, damit wir nur das Eingabefeld haben. \u00c4ndern Sie die Gr\u00f6\u00dfe des &#8222;Dynamischen Bereichs&#8220;, um die gesamte Eingabe anzuzeigen. <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 45%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767989831\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h3><strong>Ereignisse<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie den &#8222;Text&#8220; im ersten Panel aus, gehen Sie zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.  <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-7.png\" alt=\"\" width=\"749\" height=\"339\"><\/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;Aktives Panel festlegen&#8220; und klicken Sie auf Panel Nummer 2.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung Ihres Ereignisses abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-8.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Eingabe im Feld Nummer 2, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.  <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-9.png\" alt=\"\" width=\"749\" height=\"339\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220; und w\u00e4hlen Sie &#8222;bei \u00c4nderung&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion ausw\u00e4hlen&#8220; die Option &#8222;Datenstammaktion&#8220; und klicken Sie auf &#8222;\u00c4ndern&#8220;, um den Expression Builder zu \u00f6ffnen.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-10.png\" alt=\"\" width=\"749\" height=\"339\"><\/li>\n<li>Im ersten Feld sehen Sie hinter allen Bereichen, die Sie in Ihrem Datenstamm haben, die Funktion &#8222;\u00c4ndern&#8220;.<\/li>\n<li>Ziehen Sie &#8222;Aktuelle Zeile&#8220; von der Registerkarte Ebenen als Wert in das erste Feld, nachdem Sie das &#8222;Eingabe-Textfeld&#8220; ausgew\u00e4hlt haben, und setzen Sie es als Wert in das Namensfeld.  <span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung Ihres Ereignisses abzuschlie\u00dfen.<\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767990495\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Gehen Sie zur Palette Ereignisse und klicken Sie auf das Symbol &#8222;+&#8220;, um ein neues Ereignis hinzuzuf\u00fcgen.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Fokus aus&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Aktives Panel festlegen&#8220; und klicken Sie auf das Panel Nummer 1.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung Ihres Ereignisses abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70615\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/data-list-in-place-edit-last-event.png\" alt=\"\" width=\"749\" height=\"339\"><\/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 den Prototyp f\u00fcr eine Datenliste in-place editieren k\u00f6nnen. So bauen Sie es auf: Siehe Gehen Sie zur Palette Datenst\u00e4mme&#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-129036","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\/129036"}],"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=129036"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129036\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}