Javascript 当重新加载页面时,数据应该保留在kendo网格中,如果本地存储是一种解决方案,那么如何在我的代码中使用它

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文件,用于按用户输入创建一个用户,并在剑道网格上显示数据

<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(); 
        })
    });
});