Javascript 当重新加载页面时,数据应该保留在kendo网格中,如果本地存储是一种解决方案,那么如何在我的代码中使用它
这是一个Html文件,用于按用户输入创建一个用户,并在剑道网格上显示数据Javascript 当重新加载页面时,数据应该保留在kendo网格中,如果本地存储是一种解决方案,那么如何在我的代码中使用它,javascript,angularjs,kendo-ui,kendo-grid,Javascript,Angularjs,Kendo Ui,Kendo Grid,这是一个Html文件,用于按用户输入创建一个用户,并在剑道网格上显示数据 <html> <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script> <base href="https://demos.telerik.com/kendo-ui/dialog/predefined-dialogs"> <script s
<html>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
<base href="https://demos.telerik.com/kendo-ui/dialog/predefined-dialogs">
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
<script src="aza.js"></script>
<link href="kendo.html">
<link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.default.min.css" rel="stylesheet" />
<h3> ADD USER</h3>
<dl>
<dt>FirstName</dt>
<dd>
<input type="text" id="inputtext3">
</dd>
<dt>LastName</dt>
<dd>
<input type="text" id="inputtext4">
</dd>
<dt>Age</dt>
<dd>
<input type="text" id="inputtext5">
</dd>
<dd>
<button id="add"> Create </button>
</dd>
</dl>
<div id="grid">
<table id="weapons">
<tr>
<th data-field="firstname">FirstName</th>
<th data-field="lastname">LastName</th>
<th data-field="age">Age</td>
</tr>
</table>
</div>
</html>
我尝试了本地存储,但不起作用请协助..我需要一个解决方案将我的数据保留在剑道网格上您有什么问题?您提供了三条语句和两个代码段,没有询问任何问题。如果您不解释错误、尝试的内容以及您所指的内容,我们将无法帮助您。@Jedi_Maseter_Sam我想在页面重新加载后保留我的数据。您是否可以添加您使用localStorage尝试的内容,因为在代码中看不到任何与此相关的内容
app.controller('aza', function() {
$(function() {
var Weapon = kendo.data.Model.define({
id: "firstname"
})
dataSource = new kendo.data.DataSource({
transport: {
read: {
dataType: "json"
} ,
create : {
dataType: "json",type: "POST"
}
},
pageable: {
refresh : true
},
schema : {
model : Weapon
}
});
$("#weapons").kendoGrid({
dataSource : dataSource
});
$("#add").click(function(){
dataSource.add({
firstname : $("#inputtext3").val(),
lastname: $("#inputtext4").val(),
age: $("#inputtext5").val()
});
dataSource.sync();
$("#inputtext3").val('');
$("#inputtext4").val('');
$("#inputtext5").val('');
$('#weapons').data('kendoGrid').dataSource.read();
$('#weapons').data('kendoGrid').refresh();
})
});
});