Question

我在ExtJS中有一个可编辑的网格。我从json文件中获取数据，并在编辑后尝试将其保存回来。编辑完成后，我单击“保存”并调用Store.sync（），但它不会对JSON文件进行任何更改，并且网格会在编辑之前刷新回状态。我是ExtJS的新手。我在这里缺少什么，如何让它发挥作用？

    Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: [ 
          {name: 'Pricelist', type: 'string'},
          {name: 'Productfamily', type:'string'},
          {name: 'Producttype', type:'string'},
          {name: 'Productsubgroup', type: 'string'},
          {name: 'Item', type: 'string'},
          {name: 'Level', type: 'string'},
          {name: 'Factor', type:'string'},
          {name: 'Factorvalue', type: 'string'},
          {name: 'Effstrtdate', type: 'string'},
          {name: 'Effenddate', type: 'string'},
          {name: 'Comments', type: 'string'}             
        ]
    });

    var userStore = Ext.create('Ext.data.JsonStore', {
    model: 'User',
    proxy: {
       type: 'ajax',
       url: '/pwbench/form/products/fctrmgmt/data.json',
       api: {
        read: '/pwbench/form/products/fctrmgmt/data.json',
            update: '/pwbench/form/products/fctrmgmt/data.json'
       }, 
       reader: {
            type: 'json',
       }
    },
    autoLoad: true

    });

    var grid = Ext.create('Ext.grid.Panel', {
    renderTo: Ext.getBody(),
    store: userStore,
    title: 'Application Users',
    selType: 'cellmodel',
    plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
        })
    ],
    columns: [....      
    ],
    tbar: [
       {
           text: 'Save',
           handler: function() {
               userStore.sync();
               userStore.load();

           }
       }
    ],
    });

    Ext.application({
   requires: ['Ext.container.Viewport'],
       name: 'ExtGrid',
       launch: function() {
            Ext.create('Ext.container.Viewport', {
            items: grid,
            width: 800,
            height: 600
       });

    }
    });

Answer 1

您无法在没有任何其他互动的情况下“更新json”。想象一下，如果任何http请求只能更新服务器上的文件，那么安全漏洞会有多大。

您需要一些服务器端技术，PHP / Java / .NET / other来获取响应并将其写入文件。在Ext SDK下载中有很多这方面的例子。

如何从json文件中的ExtJS中的可编辑网格中保存数据并使用更改刷新网格？

1 个答案: