Данные должны сохраняться в кендо-сетке при перезагрузке страницы, если локальное хранилище является решением, как использовать его в моем коде - PullRequest
Новая
       4

Данные должны сохраняться в кендо-сетке при перезагрузке страницы, если локальное хранилище является решением, как использовать его в моем коде

0 голосов
/ 21 января 2020

Это файл 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>

. Ниже приведен файл JS - это привязка данных к кендо- сетка, но я хочу сохранить данные после перезагрузки страницы, которая сейчас не происходит 

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

Я пробовал локальное хранилище, но не работало. Пожалуйста, помогите. Мне нужно решение для сохранения моих данных на кендо- сетка

...