1

私は ExtJs で完全に機能する liveSearchGridPanel を持っています。行を編集するとエラーが発生します。何が起こるかというと、ユーザーの年齢を変更したときに私の場合のように更新された行を再ソートする必要がある場合(年齢に基づいて並べ替えています)、行はグリッド内で上下しますが、前のレコードもそこに残りますWebページ全体を手動で更新するまで。スクリーンショットは以下です

編集後のマイページのスクリーンショット

私のプロキシモデルは次のとおりです。

Ext.define('proxymodel', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'id',
        type: 'int',
        persist: false
    }, {
        name: 'gender',
        type: 'auto'
    }, {
        name: 'name',
        type: 'auto'
    }, {
        name: 'age',
        type: 'int'
    }],

    identifier: 'sequential', // to generate -1, -2 etc on the client
    proxy: {
        type: 'rest',
        //format: 'json',
        //appendId: false,
        idParam: "id",
        //limitParam:"",
        //filterParam: "",
        //startParam:'',
        //pageParam:'',
        url: 'http://localhost:3000/posts',
        api: {
            read: 'http://localhost:3000/db',
            create: 'http://localhost:3000/posts',
            update: 'http://localhost:3000/posts',
            destroy: 'http://localhost:3000/posts'

        },

        headers: {
            'Content-Type': "application/json"
        },

        reader: {
            type: 'json',
            rootProperty: 'posts',

            totalProperty: 'total'

        },
        writer: {
            type: 'json'
        }
    }
});

ではApplication.js、行編集プラグインを次のように定義しました。

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
    listeners: {
        cancelEdit: function(rowEditing, context) {
            // Canceling editing of a locally added, unsaved record: remove it
            if (context.record.phantom) {
                store.remove(context.record);
            }
        },

        edit: function(editor, e) {
            // commit the changes right after editing finished
            e.record.commit();
        }
    }
});

そして私の店は次のようになります：

Ext.define('Store', {
    extend: 'Ext.data.Store',
    storeId: 'peopleStore',
    pageSize: 500,

    //buffered: true,
    //leadingBufferZone: 300,

    pageSize: 5,

    autoLoad: {
        start: 0,
        limit: 5
    },
    autoSync: true,

    sorters: [{
        property: 'age',
        direction: 'ASC'
    }],

    groupField: 'gender'
});

誰かが私の間違いを指摘できますか?

の「編集」機能で編集した後、ストアをリロードしようとしましrowEditingたが、うまくいきませんでした。

御時間ありがとうございます。

4

1 に答える 1

3

リクエストによる完全な回答として：

試しましたExt.data.StoreManager.lookup('peopleStore').reload()か？

于 2015-04-28T11:15:06.803 に答える