Question

弹出窗口调用js方法刷新extjs grid的数据？

用extjs gird实现的数据表格，但是修改用的另外的js弹出窗口，提交保存后会关停弹出框并调用当前页的一个js方法，请问如何让这个js方法去刷新grid grid表的里数据？即实现reload。外部的js方法reload grid。

Answer 1

1.遍历gridpanel中的元素：
var grid = .....;
var store = grid.store;
var rowCount = store.getCount(); //记录数
var cm = grid.getColumnModel();
var colCount = cm.getColumnCount(); //列数
var view = grid.getView();
for(var i=0;i<rowCount;i++){
for(var j=0;j<colCount;j++){
var cell = view.getCell(i,j);
alert(cell.innerHTML);//第i行j列的数据
}
}

2.取得某cell的值
grid.getStore().getAt(i).get(colname)

3.对某cell进行修改(只是前台修改，而不是刷新页面哈)
<script type="text/javascript">
////拿到父页面中的gridpanel之后：
var rowCount = vehiclePassInfoGrid.getStore().getCount(); //记录数
var colname = vehiclePassInfoGrid.getColumnModel().getDataIndex(13);
for(var i=0;i<rowCount;i++)
{
if(vehiclePassInfoGrid.getStore().getAt(i).get(colname) == "未处理")
{
vehiclePassInfoGrid.getStore().getAt(i).set(colname, '<div><font color="red">已处理</font></div>');
}
}
alert('处理成功');
self.close();
</script>