За последние 24 часа нас посетили 17356 программистов и 1720 роботов. Сейчас ищут 936 программистов ...

Заставить скрипт работать локально

Тема в разделе "JavaScript и AJAX", создана пользователем Nedovolen, 22 окт 2014.

  1. Nedovolen

    Nedovolen Новичок

    С нами с:
    22 окт 2014
    Сообщения:
    1
    Симпатии:
    0
    Здравствуйте. Прошу прощения за, возможно, глупый вопрос. В веб-программировании разбираюсь совсем плохо. Кратко о предыстории: на работе у меня учет запчастей в таблице Excel (порядковый номер, название, заводской номер и т.д). Никаких формул, с таким же успехом эту таблицу можно нарисовать в ворде. Решил сделать более красиво и, на мой взгляд, удобно. Поискал в инете таблицу на html/php с возможностью редактирования (добавление позиций, удаление). Нашел вот такое: http://demos.telerik.com/kendo-ui/grid/editing-popup
    Скачал скрипт со всеми полагающимися js/css, но смущает эта часть кода
    Код (Text):
    1. <script>
    2.                 $(document).ready(function () {
    3.                     var crudServiceBaseUrl = "http://demos.telerik.com/kendo-ui/service",
    4.                         dataSource = new kendo.data.DataSource({
    5.                             transport: {
    6.                                 read:  {
    7.                                     url: crudServiceBaseUrl + "/Products",
    8.                                     dataType: "jsonp"
    9.                                 },
    10.                                 update: {
    11.                                     url: crudServiceBaseUrl + "/Products/Update",
    12.                                     dataType: "jsonp"
    13.                                 },
    14.                                 destroy: {
    15.                                     url: crudServiceBaseUrl + "/Products/Destroy",
    16.                                     dataType: "jsonp"
    17.                                 },
    18.                                 create: {
    19.                                     url: crudServiceBaseUrl + "/Products/Create",
    20.                                     dataType: "jsonp"
    21.                                 },
    22.                                 parameterMap: function(options, operation) {
    23.                                     if (operation !== "read" && options.models) {
    24.                                         return {models: kendo.stringify(options.models)};
    25.                                     }
    26.                                 }
    27.                             },
    28.                             batch: true,
    29.                             pageSize: 20,
    30.                             schema: {
    31.                                 model: {
    32.                                     id: "ProductID",
    33.                                     fields: {
    34.                                         ProductID: { editable: false, nullable: true },
    35.                                         ProductName: { validation: { required: true } },
    36.                                         UnitPrice: { type: "number", validation: { required: true, min: 1} },
    37.                                         Discontinued: { type: "boolean" },
    38.                                         UnitsInStock: { type: "number", validation: { min: 0, required: true } }
    39.                                     }
    40.                                 }
    41.                             }
    42.                         });
    43.  
    44.                     $("#grid").kendoGrid({
    45.                         dataSource: dataSource,
    46.                         pageable: true,
    47.                         height: 550,
    48.                         toolbar: ["create"],
    49.                         columns: [
    50.                             { field:"ProductName", title: "Product Name" },
    51.                             { field: "UnitPrice", title:"Unit Price", format: "{0:c}", width: "120px" },
    52.                             { field: "UnitsInStock", title:"Units In Stock", width: "120px" },
    53.                             { field: "Discontinued", width: "120px" },
    54.                             { command: ["edit", "destroy"], title: "&nbsp;", width: "200px" }],
    55.                         editable: "popup"
    56.                     });
    57.                 });
    58.             </script>
    59.         </div>
    в частности, адрес http://demos.telerik.com/kendo-ui/service с подпапками. Это, насколько я понял, мешает таблице работать локально. Можно ли как-то выдрать то, что там лежит и разместить на своем компе? Или привязать к локальной БД (установлен Denwer) ?

    Еще вот такая, аналогичная таблица: http://jquery-datatables-editable.googlecode.com/svn-histor ... index.html
    Запускал ее локально, с виду все работает, но изменения не сохраняются. Если можно, вкратце, объясните, изменения должны сохраняться в файле? Вроде никакая БД к нему не подключается. Кусок кода с данными таблицы прямо в запускаемом html
    Код (Text):
    1.  
    2. <tr class="odd_gradeA" id="5">
    3.             <td>Presto</td>
    4.             <td>Opera 9.2</td>
    5.             <td>Win 88+ / OSX.3+</td>
    6.             <td class="center">-</td>
    7.  
    8.             <td class="center">A</td>
    9.         </tr>
    Или, если можно, посоветуйте готовый, работающий аналог. Прощу прощения, если из моего вопроса ничего не понятно, но мало ли...