通过JS修改Gridpanel中的前台显示(Extjs)

昨晚和刚才一直在做这样一个需求：

页面上点击一个按钮，然后弹出一个窗口。在窗口中点击一个按钮，窗口关闭，并刷新父页面的gridpanel中的特定值。。。

关于这个取到gridpanel的事，我可花了大笔的时间，原因我稍后再写，先把对gridpanel的操作写出来再说：

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>

搞定。。。哦耶。。。

ps:

1.得到行对象

var mygrid = Ext.GridPanel({....});

var total = mygrid.getStrore().getCount();//数据行数

for(var i=0;i<total;i++){

alert(grid.getView().getRow(i))//每行对象

}