无法在 ExtJS 中使用代理保存数据

Posted 2023-02-26

【中文标题】无法在 ExtJS 中使用代理保存数据

【英文标题】：Unable to SAVE data using proxy in ExtJS

【发布时间】：2011-09-29 22:28:48

【问题描述】：

ExtJS 上的代理更新没有加载我的更新 API，而是加载了我用来在 GRID 上显示数据的 URL。

<script type="text/javascript">

Ext.onReady(function () 

    var CoventryItemListStore = new Ext.data.Store(
        storeId: CoventryItemListStore,
        autoSave: true,
        writer: new Ext.data.JsonWriter(),
        reader: new Ext.data.JsonReader(
            idProperty: 'id',
            root: 'variables'
        , [
            name: 'id'
        , 
            name: 'itemid'
        , 
            name: 'triggerQuantity'
        , 
            name: 'lastUpdatedBy'
        , 
            name: 'lastUpdatedOn'
        ]),
        proxy: new Ext.data.HttpProxy(
            method: 'POST',
            prettyUrls: false,
            url: '/admin/loadCoventryItemApprovalList.epm',
            api: 
                update: '/admin/updateCoventryItemApprovalList.epm'
            
        ),
        listners: 
            'write': function (store, action, result, res, rs) 
                if (action == 'update') 
                    var newId = res.raw.newId;
                    var oldId = res.raw.oldId;
                    if (newId != oldId) 
                        CoventryItemListStore.reload();
                    
                
            
        
    );

    CoventryItemListStore.load();

    var fm = Ext.form;

    var CoventryItemListGridUi = Ext.extend(Ext.grid.EditorGridPanel, 
        title: 'Coventry Item List',
        store: CoventryItemListStore,
        width: 980,
        height: 650,
        renderTo: 'coventryDiv',
        defaults: 
            width: 280
        ,
        defaultType: 'textfield',
        stripeRows: true,
        //  reader: CoventryItemListReader,
        autoExpandColumn: 'coventryListCol',
        align: 'center',
        clicksToEdit: 1,
        initComponent: function () 
            this.columns = [
                xtype: 'gridcolumn',
                header: 'ID',
                sortable: true,
                dataIndex: 'id'
            , 
                xtype: 'gridcolumn',
                header: 'ITEM ID',
                sortable: true,
                width: 250,
                align: 'center',
                dataIndex: 'itemid'

            , 
                xtype: 'gridcolumn',
                header: 'TRIGGER QUANTITY',
                sortable: true,
                // id: 'ftpCol',
                width: 200,
                align: 'center',
                dataIndex: 'triggerQuantity',
                editor: 
                    xtype: 'numberfield'
                

            , 
                xtype: 'gridcolumn',
                header: 'LAST UPDATED BY',
                sortable: true,
                width: 80,
                align: 'center',
                dataIndex: 'lastUpdatedBy',
                id: 'coventryListCol'
            , 
                xtype: 'gridcolumn',
                header: 'LAST UPDATED ON',
                sortable: false,
                width: 100,
                align: 'center',
                dataIndex: 'lastUpdatedOn',

            ];

            this.listeners = 
                'afteredit': function (e) 
                    params: 
                        var oldVal = e.originalValue;
                        var newVal = e.value;
                        var fieldName = e.field;
                        var itemID = e.record.get("itemid");
                    
                    alert('Field \'' + fieldName + '\' changed from \'' + oldVal + '\' to \'' + newVal + '\'.(itemID: ' + itemID + ')');
                
            

            var itemsPerPage = 100;
            this.bbar = new Ext.PagingToolbar(
                pageSize: itemsPerPage,
                autoLoad: true,
                store: CoventryItemListStore,
                displayInfo: true,
                displayMsg: 'Displaying categories 0 - 1 of 2',
                emptyMsg: "No categories to display"
            );

            this.tbar = new Ext.Toolbar(
                xtype: 'toolbar',
                items: [
                    xtype: 'textfield',
                    id: 'searchValue'
                , 
                    xtype: 'button',
                    text: 'Search',
                    style: 'marginLeft: 5px',
                    enableToggle: true,
                    handler: function () 
                        vms.reload(
                            params: 
                                searchValue: Ext.getCmp('searchValue').getValue()
                            
                        );
                    
                ]
            );

            CoventryItemListGridUi.superclass.initComponent.call(this);
        
    );

    new CoventryItemListGridUi();

);

</script>

【问题讨论】：

我在阅读文档后尝试了这个，但没有任何进展！ 代理：new Ext.data.HttpProxy( method: 'POST', prettyUrls: false, type: 'ajax '，api：读取：'/admin/loadCoventryItemApprovalList.epm'，更新：'/admin/updateCoventryItemApprovalList.epm'），

在你注册你的“写”listner

的地方有一个错字

@Mad-D 您可以编辑您的帖子以包含您更新的信息。

proxy: new Ext.data.HttpProxy( method: 'POST', prettyUrls: false, url: '/admin/updateCoventryItemApprovalList.epm', api: read: '/admin/loadCoventryItemApprovalList.epm' )

【参考方案1】：

重新发布答案以获得更好的可见性

proxy: new Ext.data.HttpProxy( method: 'POST', prettyUrls: false, url: '/admin/updateCoventryItemApprovalList.epm', api:  read: '/admin/loadCoventryItemApprovalList.epm'  )