当前位置：代码网 > it编程>前端脚本>ExtJs > ExtJs设置GridPanel表格文本垂直居中示例

ExtJs设置GridPanel表格文本垂直居中示例

2024年05月18日 • ExtJs •我要评论

业务场景，需要实现最终效果图如下： gridpanel代码如下配置： jsonstore的代码就不贴出来了。接下来看看如何实现垂直居中了。实现思路：通过获取dom节点方式，获取到表格内所有的td，

业务场景，需要实现最终效果图如下：

gridpanel代码如下配置：

jsonstore的代码就不贴出来了。接下来看看如何实现垂直居中了。
实现思路：通过获取dom节点方式，获取到表格内所有的td，设置需要居中的td的 csstext的值为：'text-align:center;lineheight:130px;vertical-align:center;'
实现依据：ext中gridpanel容器最终是生成div标签来渲染的，其中我们所看到的每一行记录，比如：“测试项，0，20”这一行数据就是被“包”在一个div内的一个table。只要我们根据ext的生成规则找到该table，就可以操作其td元素了。
如图：

实现过程如下：

Ext JS 4实现带week(星期)的日期选择控件(实战一)

前言 ext js 3 和 ext js 4中都有提供日期选择的组件(当然早期版本也有)。但是有一些日期选择的需求是要看到星期，就是日期中的哪一天是这一年的第几... [阅读全文]
Extjs中ComboBoxTree实现的下拉框树效果(自写)

最近涉及到的一个项目中，需要实现comboboxtree的效果，首先，看看效果吧…… 在extjs中是没有这种效果的，所以得自己写，在网络上看了看别人的资料，自... [阅读全文]
Ext JS 4实现带week(星期)的日期选择控件(实战二)

前言 javascript 中的日期和时间 ext js 4实现带week(星期)的日期选择控件(实战一) 如对本篇的一些预备知识需详尽了解，可参考以上两篇。 ... [阅读全文]
Extjs407 getValue()和getRawValue()区别介绍

例子： mydate.value 和getvalue() 一样的。 mydate.getvalue() 返回的是对象: wed mar 07 2007 00:... [阅读全文]
ExtJS DOM元素操作经验分享

记得最早刚接触网页操作dom元素的时候是做毕业设计的时候，用jquery操作的。毕业工作后是从事c++方面的编程，两年后，又重新解决了网页编程，不过这次不是用j... [阅读全文]
Extjs中通过Tree加载右侧TabPanel具体实现

最近在做一个物流管理的项目，公司必须要求用extjs4.1来做界面，因为以前一直也没有接触过所以开发的过程中遇到了很多的困难。同时extjs4.1的资料在网上也... [阅读全文]

发表评论


验证码：

ExtJs设置GridPanel表格文本垂直居中示例

2024年05月18日 • ExtJs •我要评论

相关文章:

发表评论