В Kendo Grid - Редактировать опцию, как скрыть / показать кнопку сохранения. - PullRequest
Новая
       52

В Kendo Grid - Редактировать опцию, как скрыть / показать кнопку сохранения.

0 голосов
/ 20 февраля 2019

Не могли бы вы, пожалуйста, дать мне знать, как скрыть / показать кнопку «Сохранить», основываясь на том, внес ли пользователь какие-либо изменения в текстовые поля «Редактировать», например, если не было внесено никаких изменений в текстовое поле, то мы должны скрыть кнопку «Сохранить».Если пользователь вносит какие-либо изменения в текстовые поля «Редактировать», тогда мы должны ПОКАЗАТЬ кнопку «Сохранить».

Сетка:

Grid Image

Вот мой код: 

 $(function() {
      $("#grid").kendoGrid({
          dataSource: new kendo.data.DataSource({
            data: [{ SystemName: "SysTest", SystemID: "789" }],
            serverPaging: false,
            serverSorting: false,
            serverFiltering: false,
            batch: true,
            /*filter: { logic: 'and', filters: [] }, //set the default it is passed as a value
            sort: [], //set the default it is passed as a value */
            schema: {
              //data: "Items",
              model: {
                id: "SystemID",
                fields: {
                  SystemName: { editable: true, nullable: true, type: "string" },
                  SystemID: { editable: false, nullable: false },
                }
              }
            }
          }),
          columns: [
            {
              field: "SystemName",
              title: "Some Name",
              horizontalAlign: "left",
              headerAttributes: { style: "text-align: left; width: 75%;" },
              width: '45%',
              encoded: false,
              name: "SystemName"
            }, {
              field: "SystemID",
              title: "SystemID",
              horizontalAlign: "left",
              headerAttributes: { style: "text-align: left; width: 75%;" },
              width: '25%',
              encoded: false,
              name: "SystemID"
            },
             {
                                command: [{
                                    name: "edit",
                                    text: {
                                        edit: "Edit",       // This is the localization for Edit button
                                        update: "Save",     // This is the localization for Update button
                                        cancel: "Cancel"    // This is the localization for Cancel button
                                    }
                                }], title: " ", width: "50%"
                            }],
          editable: "inline",
          sortable: false,
          resizable: true,
          autoBind: true,
          navigateHierarchyCell: true,
          persistSelections: true,
          pageable: false,
          autoResizeHeight: false
      }).data('kendoGrid');
    });

1 Ответ

0 голосов
/ 24 февраля 2019

Вот мой ответ - 

change: function (e) {
                                $(".k-grid-update").show();
}
...