jqueryでローカルストレージからユーザ情報を編集

Question

今、editUser()の機能を実装しています。私は）ボタン

$("#table-list tbody").on("click", ".btn-edit", function() { 
operation = "E"; 

for (var i in tableStore) { 
    var temp = JSON.parse(tableStore[i]) 
    if ($(this).attr("data-id") === temp.id) { 
    $enterID.val(temp.id); 
    $enterFirstName.val(temp.firstname); 
    $enterLastName.val(temp.lastname); 
    $enterLPhone.val(temp.phone); 
    $enterEmail.val(temp.email); 
    $enterAddress.val(temp.address); 
    $enterBirthday.val(temp.birthday); 
    $enterGender.val(temp.gender); 
    $enterID.attr("readonly", "readonly"); 
    $enterFirstName.focus(); 
    } 
} 

}をクリックし処理するための関数を作成します。

これは、ローカルストレージからデータを取得するのに役立ちます。次に私がデータに変更するinputタグに関する情報を変更すると、ローカルストレージに更新されます。これは私がそれを行うに役立つ機能です。

function editUser(tableStore, user) { 
    tableStore[tableStore] = user 
    operation = "A" 
} 

とフォームが、私はそのように扱う提出です：

$("#table-list tbody").on("click", ".btn-delete", function() { 
    selected_index = parseInt($(this).attr("data-id").replace("Delete", "")); 
    $(this).parents('tr').remove() 
    deleteUserInfor(); 
    }); 

    $(".form-information").on("click", ".btn-save-change", function() { 
    if (operation == "A"){ 
     var newUser = readUserFromDOM(); 
     addUser(tableStore, newUser.serialize()); 
     localStorage.setItem("tableStore", JSON.stringify(tableStore)); 
    } 
    else { 
     var editingUser = readUserFromDOM(); 
     editUser(tableStore, editingUser.serialize()); 
     localStorage.setItem("tableStore", JSON.stringify(tableStore)); 
    } 
    }); 

しかし、いくつかのことが間違っていると私はデータを保存することはできません。だから間違っていることを私が助けてくれますか？

このマイコードuser manager code pen。

それ以外にも、の操作は、jsの純粋な機能にとっては良い考えではありません。あなたは私をリファクタリングする助けてくださいすることができた場合は、それ

あなたの助けを

多くの感謝

Answer 1

最終更新：機能の下で示さ

https://codepen.io/vikrant24/pen/ybgPww

として：あなたが指定する必要が
tableStore[i]の値はiです。 iは行番号です。グリッドの5行目を編集している場合は、同様に、3行目を更新する場合はtableStore[2]=userを更新してtableStore[4]=userを更新してください。私はそれのためのコードを追加しました。あなたが理解して欲しいです。

function editUser(tableStore, user,i) { 
    tableStore[i] = user 
    operation = "A" 
} 

最終的にあなたがのlocalStorageでtableStoreことを更新する必要がありますので、あなたが代わりにこれを使用する必要があります。

function editUser(tableStore, user,i) { 
     tableStore[i] = user; 
     localStorage.setItem("tableStore", JSON.stringify(tableStore)); 
     operation = "A"; 
} 

---

前の回答：
は、それが動作します。この機能を使用します。

function editUser(tableStore, user) { 
    tableStore[0] = user 
    operation = "A" 
} 

最終的にあなたがlocalStorageでtableStoreことを更新する必要がありますので、あなたが代わりにこれを使用する必要があります。

function editUser(tableStore, user) { 
     tableStore[0] = user; 
     localStorage.setItem("tableStore", JSON.stringify(tableStore)); 
     operation = "A"; 
}