关于ExtJS的grid store加载的问题，grid改变列之后，用grid.reconfigure追加列，只加载新追加列的数据

Posted 2023-05-03

ds：store是从两次ajax请求获得

一个grid只能对应一个store。
用grid.reconfigure的话，也是把之前的store换成现在的store
grid刷新数据的话，是刷整个store，不会单刷某一列
如果使用grid.reconfigure换掉store，那么是需要重新更新store的数据的
而你想保留原有的，只是把新加的列的数据刷出来，其实可以这样
1.把store里record中的数组定义出去
2.把columnmodel里的数组也定义出去
3.先用以上两个数组，建立record、store、column、grid等等，然后读数据，为第一次的grid数据
4.这时需要追加列，只需要将刚才的两个数组继续追加，然后再建立新的record、store、column然后用grid.reconfigure更新grid，这时在更新数据，其数据就会跟第一次的一样且多了新加的列的数据（当然前提是你后台传的数据里也同样多了该列所对应的数据信息） 参考技术A 楼上说的对， 对这种列变化的需求只要确保你的store里有你所需所有列的数据即可
grid.reconfigure（newColumns,grid.getStore()) 参考技术B 不明白为什么这么做啊 直接grid.reconfigure（columnModel,store)
不就可以吗追问

直接这样就会把原来加载的数据擦除掉了！说白了就是grid的列改变后重新加载store加载，列改变前加载一下store，两个store

Extjs中如何遍历grid的数据（正在显示的数据）

现有一个grid对应的store中已有数据
列中有设置renderer
也就是说显示在grid的中的数据并不一定是store的数据，有可能是经过处理显示的
那么我如何能遍历这个grid获取到grid中所有（正在显示）的数据呢？

“也就是说显示在grid的中的数据并不一定是store的数据”这句话是错误的！
你用store加载的数据，是经过Record解析的，也就是说，store装的就是record解析完的数组，而数组里的对象就是你record解析的对象。而你所说的，只是通过renderer方法，把store中的数据renderer后展现在grid上，而这个renderer是属于ColumnModel的，它只是用来做grid上的显示，而真正记录的数据只有sotre！
解决这个有两种方式：
1.你sotre加载数据之前，把该对象数组重新组织，组织成你真正想要的数据后再load！
2.遍历store的record记录，在遍历到你经过处理的dataIndex时，在按你的处理方式处理遍数据即可！
for(var i=0,len=store.data.length;i<len;i++)
var data = store.getAt(i).data;//data就是对应record的一个一个的对象
data.dataIndex //获取的就是该对象dataIndex属性对应的值
.........


这两种说白了就是你真实想要什么记录的对象，要么在sotre之前组织，要么在遍历之后组织！总之store所load的数据会一直被store持有着，你不remove也不reload，他就不会变！追问

其实我的意思就是要遍历的就是展现在grid上的数据，而不是在store里存的那些，因为他既然已经展现在grid上了，我是想他是不是有什么方法或者属性可以方便的取出来，你这样说也是没错，我只是想知道有什么方便一些的方法，毕竟那些东西已经展现在grid上了嘛~

追答

呵呵~~~
用这个你试试： alert(Ext.encode(grid.getView().renderRows(0,1)));
这里就有你要的展示在grid上的所有信息~~~~
你在去Ext.grid.ColumnModel的源码里看一下setRenderer，两个参数col,fn
注释如下： @param Number col The column index
* @param Function fn The function to use to process the cell's raw data to return HTML markup for the grid view.

也就是说，它renderer后的就是html的标记了，直接展现在grid的view上，因此，你看到的grid的数据就是那个alert，接下来，看怎么拿出那个数据了~~~
个人觉得，还是直接操作store吧~~~~

参考技术A grid.getStore().each(function(record)
var value = record.get("field_name");
);