grid - extjs 4.2 で行編集はどのように機能しますか?

Question

行編集の仕組みを理解しようとしています。Sencha Web サイトの例を次に示します。

行要素を編集して保存できることがわかりましたが、更新/保存された列がどこに保存されるかを順を追って説明してもらえますか? どうすればそれらにアクセスできますか?

また、Sencha デモには行編集用のコードがあります。どうもありがとう

Answer 1

プラグインを使用して行われた変更はRowEditing、編集中のグリッドのストアにあるモデルに対して直接行われます。その後、そのストアを好きなように使用して、サーバーまたは他の場所に保存できますstore.sync()。

行エディターを使用して入力されたデータを保存する一般的な方法の 1 つは、editリスナーをRowEditingプラグイン構成に追加し、そこでサーバー呼び出しを行うことです。

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
    clicksToMoveEditor: 1,
    autoCancel: false,
    listeners: {
        edit: function(editor, context, eOpts) {
            var record = e.record;
            //do your processing here, e.g.:
            Ext.Ajax.request({
                url: 'myServer/saveRecord',
                params: { record: record }
            });
        }
    }
})