是否可以在 ExtJS 中将存储字段标记为只读？

Question

在ExtJS中，我有一个像这样配置的JsonStore：

var store = new Ext.data.JsonStore({
    // basic properties
    restful: true,
    autoSave: true,

    // json writer
    writer: new Ext.data.JsonWriter({
        encode: false,
        writeAllFields: true
    }),

    // field config
    fields: [
        'id',
        'name',
        { name: 'timestamp', type: 'date', dateFormat: 'c' }
    ]
});

timestamp属性应该由服务器设置，客户端应该只读取它。但是，如果我尝试使用 JsonStore 添加或更新记录：

// add a record
var record = new store.recordType({ name: 'New record' });
store.insert(0, record);

// update a record
var record = store.getAt(0);
record.set('name', 'Modified record');

发送到服务器的 JSON 如下所示：

{
    "id": 5,
    "name": "Modified record",
    "timestamp": "01-06-2001T15:23:14"
}

我希望它停止通过 timestamp< 发送/code> 属性，因为它应该是只读的。有没有什么方法可以配置存储或记录以获得此行为？

Answer 1

如果您在时间戳字段上设置 {disabled: true}，则不应将其提交到服务器

Answer 2

您还可以在时间戳字段上将默认值设置为您想要的任何值。您已将 JsonWriter 配置为继续写入所有字段。如果将默认值设置为 '' 或 NULL，您也许能够获得所需的行为。

Answer 3

您可以尝试拦截对 writer 的调用，然后删除当时的时间戳：

var writer = new Ext.data.JsonWriter({
    encode: false,
    writeAllFields: true
});

Ext.intercept(writer, 'render', function(params, baseParams, data) {
    delete data.timestamp;
});

var store = new Ext.data.JsonStore({
...
writer: writer,
...

Answer 4

writeAllFields 必须为 true 吗？它默认为 false，如果您没有更新时间戳属性，则不会发送它。

或者，您可以覆盖 < JsonWriter 上的 code>toHash 函数。目前它有这样的评论：

TODO Implement excludes/only configuration with 2nd param

您可以添加自己的实现。

Answer 5

使用

persist: false 

由于 Ext4，您可以在模型字段描述中

Answer 6

Ext.namespace('Ext.ux');

/**
 * Extension of the JsonWriter that doesn't send fields having the config option
 * write set to false
 * @author Friedrich Röhrs
 * @verison 1.0
 *
 */
Ext.ux.AdvJsonWriter = function (config) {
    Ext.ux.AdvJsonWriter.superclass.constructor.call(this, config);
};
Ext.extend(Ext.ux.AdvJsonWriter, Ext.data.JsonWriter, /** @lends Ext.ux.AdvJsonWriter */{
    toHash: function(rec, options) {
        var map = rec.fields.map,
            data = {},
            raw = (this.writeAllFields === false && rec.phantom === false) ? rec.getChanges() : rec.data,
            m;
        Ext.iterate(raw, function(prop, value){
            if((m = map[prop])){
                if (m.write !== false)
                    data[m.mapping ? m.mapping : m.name] = value;
            }
        });
        // we don't want to write Ext auto-generated id to hash.  Careful not to remove it on Models not having auto-increment pk though.
        // We can tell its not auto-increment if the user defined a DataReader field for it *and* that field's value is non-empty.
        // we could also do a RegExp here for the Ext.data.Record AUTO_ID prefix.
        if (rec.phantom) {
            if (rec.fields.containsKey(this.meta.idProperty) && Ext.isEmpty(rec.data[this.meta.idProperty])) {
                delete data[this.meta.idProperty];
            }
        } else {
            data[this.meta.idProperty] = rec.id;
        }
        return data;
    }
});

那么

var store = new Ext.data.JsonStore({
    // basic properties
    restful: true,
    autoSave: true,

    // json writer
    writer: new Ext.ux.AdvJsonWriter({
        encode: false,
        writeAllFields: true
    }),

    // field config
    fields: [
        'id',
        'name',
        { name: 'timestamp', type: 'date', dateFormat: 'c', write: false }
    ]
});

时间戳字段将永远不会发送到服务器。