我正在创建一个移动应用程序,用于存储员工数据并检索它以进行更新。我找不到使用jQuery从localStorage调用/填充的方法。
如果有人可以看一下我的代码并告诉我我做错了或混在一起,那将是很高兴的。
谢谢。
单击编辑按钮后,UI应转到编辑表单页面,并使用来自localStorage的数据填充编辑表单字段。
单击编辑将转到编辑表单页面。字段未填充。
<hr style="height:3px; background-color:#ccc; border:0; margin-top:12px; margin-bottom:12px;">
<form id="edit_employee_form" action="" >
<div class="ui-field-contain Employee No" data-controltype="textinput">
<input name="employeeno" id="employeeno" data-clear-btn="true" value="" type="text" data-mini="true" >
</div>
<div class="ui-field-contain Parties" data-controltype="textinput" contenteditable="true">
<input name="employeename" id="employeename" data-clear-btn="true"
value="" type="text" data-mini="true" required/>
</div>
<div class="ui-field-contain State" data-controltype="textinput">
<input name="stateoforigine" id="stateoforigine" data-clear-btn="true"
value="" type="text" data-mini="true">
</div>
<div class="ui-field-contain Phone Employee" data-controltype="textinput">
<input name="employeephone" id="employeephone" data-clear-btn="true"
value="" type="text" data-mini="true">
</div>
<div class="ui-field-contain Date Of Birth" data-controltype="dateinput">
<input data-name="dateofbirth" data-inline="true" type="text" id="dateofbirth" data-clear-btn="true" value="" type="date" data-mini="true">
<div class="ui-field-contain id" data-controltype="textinput">
<input name="id" input type="hidden" id="id" data-clear-btn="true" placeholder="case id" value="" type="text" data-mini="true" >
</div>
</div>
<div class="ui-block-a">
<input id="update" href="#employee_list_view_page" type="submit" data-inline="true" data-theme="b" value="Update"
data-mini="true" class="ui-btn ui-corner-all ui-btn ui-shadow ui-btn Save">
</div>
<div class="ui-block-b">
<div class="ui-block-b">
<input id="cancel" type="reset" value="Reset" class="ui-btn ui-corner-all ui-btn ui-shadow ui-btn">
</div>
</form>
<div data-theme="a" data-role="footer" data-position="fixed">
<h2 class="ui-title">
Employees Catalog
</h2>
</div>
</div>
</div>
</body>
</html>`
//Edit Case Function
function Edit() {
employees[i] = JSON.stringify({
id: employees.length + 1,
employeeno: $('#employeeno').val(),
employeename: $('#employeename').val(),
stateoforigine: $('#stateoforigine').val(),
employeephone: $('#employeephone').val(),
dateofbirth: $('#dateofbirth').val(),
}); //Alter the selected item in the form
localStorage.setItem("employees", JSON.stringify(employees));
return true;
}
for (var i in employees) {
var empData = JSON.parse(localStorage.getItem(employees[i]));
};
//register Edit button
$('.edit_button').live('click', function (e) {
alert('Iwas clicked');
e.stopPropagation();
var empData = JSON.parse(localStorage.getItem('employees'));
$('#employeeno').val('employeeno');
$('#employeename').val('employeename');
$("#stateoforigine").val('stateoforigine');
$('#employeephone').val('employeephone');
$('#dateofbirth').val('dateofbirth');
$('#id').val(id);
$("#id").attr("readonly", "readonly");
$('#employeeno').focus();
$.mobile.changePage('#edit_employee_page');
return false;
});
[{"id":1,"employeeno":"DEF/234/20014","employeename":"Bill Foreman","stateoforigine":"Califonia","employeephone":"09543765432","dateofbirth":"12/11/1965"}]
关键是employees
。
如果您的json是...
[{"id":1,"employeeno":"DEF/234/20014","employeename":"Bill Foreman","stateoforigine":"Califonia","employeephone":"09543765432","dateofbirth":"12/11/1965"}]
然后..
$.each(data, function(a, b) {
$('#employeeno').val(b.employeeno);
$('#employeename').val(b.employeename);
$("#stateoforigine").val(b.stateoforigine);
$('#employeephone').val(b.employeephone);
$('#dateofbirth').val(b.dateofbirth);
$('#id').val(b.id);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句