通过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))//每行对象
}






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值