Question

当我使用storeObj.insert（modelObj）更新商店时，List-panel会更新自己，就像它应该的那样。但是，我想看到新添加的项目＆＃34; animate＆＃34;当它出现在视图中时。有没有办法实现这个目标？

Answer 1

在您的模型中，有一个名为newItem的额外字段。所以你的模型将是：

Ext.regModel('Product', {
    fields: [
        **{name: 'newItem',     type: 'boolean'},**
        {name: 'name',        type: 'string'},
        {name: 'description', type: 'string'},
        {name: 'price',       type: 'float'},
        {name: 'image_url',   type: 'string'},
        {name: 'in_stock',    type: 'boolean'}
    ]
});

使用

将商品插入商店时

storeObj.insert(modelObj)

插入前必须有 modelObj.newItem = true 。

此外，在插入任何新项目之前，您必须将所有旧项目标记为“NOT NEW”。为此，您可能必须使用虚拟商店。

现在使用EXt.xTemplate，如下所示:(对于你的Ext.List）

itemTpl: '<tpl for=".">' 
    + '<tpl if="newItem==1">' 
    + '    <p color="red"> this item is new</p></tpl>' 
    + '<tpl else >
    + '    this item is old</tpl>' 
    + '</tpl>',

Sencha Touch 1.1列表，存储，“动画”视图中的商店更新（淡入淡出/闪烁）

1 个答案: