ExtJS的榜样的垂直中心到表中的文本

业务场景需要执行最终结果如下：
到代码配置如下：
复制代码代码如下所示：
{
Xtype：'grid，
身份：'grid_jglb，
框架：真实，
地区：'center，
标题：列表详细信息，
columnlines：真，
LoadMask：真的，
店：'test_store，
ViewConfig：{
forcefit：真，
scrolloffset：0
}，
主持人：100 %，
SelModel：新ext.grid.checkboxselectionmodel（{
MoveEditorOnEnter：假，
宽度：28
}），
列：{
Xtype：'gridcolumn，
身份：'gridcolumn_id，
对齐：'center，
数据的索引：'column1，
可编辑的：false，
标题：列名1，
分类：真实，
宽度：100
{ }。
Xtype：'gridcolumn，
对齐：'center，
数据的索引：'column2，
可编辑的：false，
标题：列名2，
分类：真实，
宽度：100
{ }。
Xtype：'gridcolumn，
对齐：'center，
数据的索引：'column3，
可编辑的：false，
标题：列名3，
分类：真实，
宽度：100
{ }。
Xtype：'gridcolumn，
对齐：'center，
数据的索引：'column4，
身份：'colidx1，
可编辑的：false，
标题：列名4，
分类：真实，
宽度：100
{ }。
Xtype：'gridcolumn，
对齐：'center，
数据的索引：'column5，
隐藏的：真实的，
分类：真实
} }，
带间俄歇复合：{
Xtype：'paging，
车展：真，
displayinfo：真，
PageSize：10，
店：'test_store
}，
对象：{ {
文本：新，
iconcls：'icon-add，
身份：'btn_mxxz
{ }，，
文本：修改，
iconcls：'icon-edit，
身份：'btn_mxxg
{ }，，
文本：删除，
iconcls：'icon-delete，
身份：'btn_mxsc
} }
}

的jsonstore代码不贴。然后看看如何实现垂直居中。
实现的思想是把所有的TD的形式获取DOM节点的模式，并设置csstext Td值需要为中心：'text-align：中心；lineheight：130px；垂直对齐：中心；
根据文本到最终生成的容器div标签来呈现，在它的每一行，我们看到的例子：0, 20个测试项目，这条线是一个表的数据封装在一个部门只要发现表根据Ext的生成规则，我们可以操作的td元素。
图：
实施过程如下：
复制代码代码如下所示：
ext.getcmp（grid_jglb ）（。getStore）。在（载荷，settdcls）； / /设置表数据加载的变化形式的TD式垂直中心后
功能settdcls（）{
无功gridjglb = document.getelementbyid（grid_jglb ）；
无功表= gridjglb.getelementsbytagname（表）； / /发现每桌
对于（var k = 0；K＜tables.length；K+）{
无功tablev =表{K }；
如果（tablev。类名= =x-grid3-row-table ）{
VaR TRS =表{K }。getElementsByTagName（TR）； / /找到每个TR
对于（var i = 0；i < trs.length；i++）{
VaR TDS = TRS {我}。getElementsByTagName（TD）； / /找到每个td
对于（var j = 1；J < tds.length；j++）{
TDS {，}。风格。csstext =宽度：202px；文本对齐：中心；线高度：130px；垂直对齐：中心；；
}
}
}；
}
}