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 121 Views

Grid

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

Praney Behl asked on 11 Aug 2012, 07:49 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