This is a migrated thread and some comments may be shown as answers.

Using kendoui to get and save JSON objects from/tolocal file

0 Answers 29 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Praney Behl
Top achievements
Rank 1
Praney Behl asked on 11 Aug 2012, 07:55 AM

I am pretty New to Javascript and jQuery.


I am now just learning to build User Interface and was checking out KendoUI. I must say its amazing. 


I want to have data in a local file on my computer. Access the data and show it in grid/table.


I want to be able to edit and save the data back to the local file using the user interface in the browser.


I am looking at : http://demos.kendoui.com/web/grid/editing.html


Looking at the source, the data is obtained/saved from/to a remote server:


<script>
            $(document).ready(function () {
                var crudServiceBaseUrl = "http://demos.kendoui.com/service",
                    dataSource = new kendo.data.DataSource({
                        transport: {
                            read:  {
                                url: crudServiceBaseUrl + "/Products",
                                dataType: "jsonp"
                            },
                            update: {
                                url: crudServiceBaseUrl + "/Products/Update",
                                dataType: "jsonp"
                            },
                            destroy: {
                                url: crudServiceBaseUrl + "/Products/Destroy",
                                dataType: "jsonp"
                            },
                            create: {
                                url: crudServiceBaseUrl + "/Products/Create",
                                dataType: "jsonp"
                            },
                            parameterMap: function(options, operation) {
                                if (operation !== "read" && options.models) {
                                    return {models: kendo.stringify(options.models)};
                                }
                            }
                        },
                        batch: true,
                        pageSize: 30,
                        schema: {
                            model: {
                                id: "ProductID",
                                fields: {
                                    ProductID: { editable: false, nullable: true },
                                    ProductName: { validation: { required: true } },
                                    UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                    Discontinued: { type: "boolean" },
                                    UnitsInStock: { type: "number", validation: { min: 0, required: true } }
                                }
                            }
                        }
                    });
 
 
                $("#grid").kendoGrid({
                    dataSource: dataSource,
                    navigatable: true,
                    pageable: true,
                    height: 400,
                    toolbar: ["create", "save", "cancel"],
                    columns: [
                        "ProductName",
                        { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 150 },
                        { field: "UnitsInStock", title: "Units In Stock", width: 150 },
                        { field: "Discontinued", width: 100 },
                        { command: "destroy", title: " ", width: 110 }],
                    editable: true
                });
            });
        </script>


How can I possibly have this jSON file on my computer and edit/save the data on it.


Any help with a working example shall be hight appreciated.


Thanks,


Praney 

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Praney Behl
Top achievements
Rank 1
Share this question
or