extjs4 动态更新store里的数据

Question

 items : [{ 
            id:'home',
            title : "Home Page",
            iconCls: 'House',
            html : '<iframe src= "jsp/homepage.jsp" id="home" width="100%" height="100%" marginwidth="0" framespacing="0" marginheight="0" frameborder="0" ></iframe>',
            listeners:{                   // 添加监听器，点击此页面的tab时候要重新加载（刷新功能）  
                 activate:function(){  

                 }  
                 }

        }]

如图所示homepage有个待办事项，点击链接可以进行操作。假如待办里的第一条记录被close了。home页面的待办应该少一条记录。我试过刷新整个页面发现不是很好。效率很低。store.load()不知怎么调用其他页面的store。如你们所看到的<iframe src= "jsp/homepage.jsp"这里是jsp页面所以store不在本js中。就不知道怎么调用了

Answer 1

给你iframe加载的页面的grid增加id配置，然后点击grid连接的时候用一个全局变量记录这个记录的唯一id

var win=top.document.getElementById('home').contentWindow;//得到iframe的window作用域
var grid=Ext.getCmp('grid的id');
var store=grid.getStore();//得到grid的store
var rec=store.getById(点击的记录的id);
store.remove(rec);//移除记录