Windows Universal App Javascript Datei speichern

Question

Ich versuche, App zu machen, aber ich habe ein Problem. Wie kann ich Datei oder Fortschritt speichern? Wenn der Benutzer einige Informationen in der App eingegeben oder das Layout geändert hat, wie kann es in der universellen Javascript App gespeichert werden? Nun, wenn ich in der Nähe App und öffnen Sie es wieder nichts gespeichert wurde

Ich habe finded folgende aber immer noch ich nicht bekommen, es https://msdn.microsoft.com/en-us/library/windows/apps/br212883.aspx

So wichtigste Frage ist es, wie Universal-App mit JavaScript zu machen und die Änderungen speichern, was Benutzer haben

App image

EDIT gemacht: Es Bild meiner app ist. Ich habe auch HTML-Code und Javascript

HTML:

<div id="myDIV" class="header"> 
    <h2 style="margin:5px">My To Do List</h2> 
    <input type="text" id="myInput" placeholder="Title..."> 
    <span id ="addtask" onclick="newElement()" class="addBtn">Add</span> 
</div> 

<ul id="myUL"> 
    <li class="checked">Example checked</li> 
    <li>Example not checked</li> 
</ul> 

JS:

var myNodelist = document.getElementsByTagName("LI"); 
var i; 
for (i = 0; i < myNodelist.length; i++) { 
    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    myNodelist[i].appendChild(span); 
} 


var close = document.getElementsByClassName("close"); 
var i; 
for (i = 0; i < close.length; i++) { 
    close[i].onclick = function() { 
     var div = this.parentElement; 
     div.style.display = "none"; 
    } 
} 


var list = document.querySelector('ul'); 
list.addEventListener('click', function (ev) { 
    if (ev.target.tagName === 'LI') { 
     ev.target.classList.toggle('checked'); 
    } 
}, false); 


var addlist = document.getElementById("addtask"); 
addlist.addEventListener("click", newElement, false); 

function newElement() { 
    var li = document.createElement("li"); 
    var inputValue = document.getElementById("myInput").value; 
    var t = document.createTextNode(inputValue); 
    li.appendChild(t); 
    if (inputValue === '') { 
     alert("You must write something!"); 
    } else { 
     document.getElementById("myUL").appendChild(li); 
    } 
    document.getElementById("myInput").value = ""; 

    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    li.appendChild(span); 

    for (i = 0; i < close.length; i++) { 
     close[i].onclick = function() { 
      var div = this.parentElement; 
      div.style.display = "none"; 
     } 
    } 
} 

Answer 1

Wie Datei oder Fortschritt speichern

Wenn Sie nur wollen Um eine Datei zu erstellen und Daten in der Datei zu speichern, beziehen Sie sich bitte auf this document. Und es gibt eine Dateioperation relativ official sample in Javascript schreiben können Sie verweisen.

Aber meiner Meinung nach sehen Ihre Anforderungen eher so aus, als wollten Sie eine Datenbank. Die Datenbank kann die Daten speichern, die der Benutzer geändert hat, und die App kann auch Daten aus der Datenbank lesen, um sie auf der einen Seite der App anzuzeigen. Daher müssen Sie möglicherweise die SQLite-Datenbank in Ihrer App verwenden. Einzelheiten dazu, wie Sie vorgehen können, finden Sie unter this document. Beachten Sie, dass dies für lokale Datenbanken empfohlen wird, für Roaming-Daten, die Sie möglicherweise mit einem Server in Erwägung ziehen.

Wenn Sie nur einfache Benutzerdaten auf dem lokalen Gerät speichern möchten, können Sie auch eine XML-Datei als kleine Datenbank verwenden und im Ordner local speichern. Speichern und Lesen von Datenänderungen aus der XML-Datei. Details zum Lesen und Speichern von Daten für eine XML-Datei können Sie auf this javascript official sample verweisen.

Zum Beispiel können Sie ein XML-Inhalte haben, die Benutzerdaten gespeichert, wie folgt:

<?xml version="1.0" encoding="utf-8"?> 
<myNodelist> 
    <li> 
    <Text>The first to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>The second to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>Read a book</Text> 
    <span class="close">×</span> 
    </li> 
</myNodelist> 

die myNodelist Lesen der Daten zu zeigen, legen Sie einen neuen li Knoten für neuen Datensatz hinzufügen.