3007人阅读
昨晚和刚才一直在做这样一个需求：
页面上点击一个按钮，然后弹出一个窗口。在窗口中点击一个按钮，窗口关闭，并刷新父页面的gridpanel中的特定值。。。
关于这个取到gridpanel的事，我可花了大笔的时间，原因我稍后再写，先把对gridpanel的操作写出来再说：
1.遍历gridpanel中的元素：
var grid = .....;
var store = grid.
var rowCount = store.getCount(); //记录数
var cm = grid.getColumnModel();
var colCount = cm.getColumnCount(); //列数
var view = grid.getView();
for(var i=0;i&rowCi++){
& for(var j=0;j&colCj++){
& & 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&rowCi++)
if(vehiclePassInfoGrid.getStore().getAt(i).get(colname) == &未处理&)
vehiclePassInfoGrid.getStore().getAt(i).set(colname, '&div&&font color=&red&&已处理&/font&&/div&');
alert('处理成功');
self.close();
& & &/script&
搞定。。。哦耶。。。
1.得到行对象
var mygrid = Ext.GridPanel({....});
var total = mygrid.getStrore().getCount();//数据行数
for(var i=0;i&i++){
& alert(grid.getView().getRow(i))//每行对象
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1074894次
积分：12372
积分：12372
排名：第1075名
原创：253篇
评论：155条
(1)(10)(4)(5)(12)(12)(6)(6)(7)(7)(5)(9)(10)(14)(13)(9)(9)(9)(17)(7)(12)(19)(53)extjs&使用grid显示数据_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
extjs&使用grid显示数据
上传于|0|0|暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩28页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢ServletActionContext.getResponse().setCharacterEncoding(&utf-8&);
PrintWriter out = ServletActionContext.getResponse().getWriter();
//out.print(jsonString.toString());
out.write(jsonString.toString());
jsonString就是上面的数据内容。现在我在js页面中这这样写的：JScript code
backReasonManage = function() {
var pageSize = 20;
var reader = new Ext.data.JsonReader({
root : 'dataList',
totalProperty : 'total',
}, [{name : 'id',mapping : 'id'},
{name : 'backResult',mapping : 'backResult'}
var store = new Ext.data.Store({
url : 'getAllBackReasonMessage.action',
reader : reader
store.load({
params : {
start : 0,
limit : pageSize
store.on('load',function(store){
alert(store.getTotalCount());
store.on('loadexception', function() {
store.removeAll();
bar.bind(store);
Ext.Msg.alert('查询', '数据加载错误！请重试');
var colModel = new Ext.grid.ColumnModel([{
header : '序号',
whdth : 100,
sortable : true,
dataIndex : 'id'
header : '退回原因',
width : 100,
sortable : true,
dataIndex : 'backResult'
colModel.defaultSortable =
var dataGrid = new Ext.grid.GridPanel({
store : store,
region : 'center',
cm : colModel,
stripeRows : true,
viewConfig : {
forceFit : true
sm : new Ext.grid.RowSelectionModel({
singleSelect : true
trackMouseOver : false,
loadMask : {
msg : '正在加载数据，请稍侯……'
//title : 'User Information List',
bbar : bar
var queryPanel = new Ext.Panel({
title : &&,
layout : 'border',
width : 800,
height : 600,
frame : true,
border : true,
buttonAlign : 'right',
items : [dataGrid],
buttons : [{
text : '新增',
handler : function() {
text : '修改',
handler : function() {
function refreshGrid() {
dataGrid.getStore().reload();
Ext.extend(backReasonManage, Ext.Panel);
Ext.onReady(backReasonManage);
但是总是加载不到数据，求教怎么回事？------解决方案--------------------
JScript code
var reader = new Ext.data.JsonReader({
root : 'dataList',
totalProperty : 'total',
}, [{name : 'id',mapping : 'id'},
{name : 'backResult',mapping : 'backResult'}
------解决方案-------------------- 共&2&页:
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有共被编辑 2 次
怎样解决 Ext js的gridpanel 在没有数据的情况下会多出一列
Ext js的gridpanel 在没有数据的情况下会多出一列，这一列像是滚动条列。在加入数据或者resize 窗口的时候，这一列会消失。在官网的API示例中试过，也有同样的问题。想到的一个解决方法是，在页面渲染完gridpanel 后reload一次数据，但这个方式修改太麻烦，而且会造成抖动，就是一开始有这个列，reload 后此列消失。
怎样解决 Ext js的gridpanel 在没有数据的情况下会多出一列
Ext js的gridpanel 在没有数据的情况下会多出一列，这一列像是滚动条列。在加入数据或者resize 窗口的时候，这一列会消失。在官网的API示例中试过，也有同样的问题。想到的一个解决方法是，在页面渲染完gridpanel 后reload一次数据，但这个方式修改太麻烦，而且会造成抖动，就是一开始有这个列，reload 后此列消失。
我要该，理由是：
扫扫下载 App}