【问题标题】:ExtJS 4. How to set striperows in form panel?ExtJS 4. 如何在表单面板中设置条纹?
【发布时间】:2014-04-03 15:55:53
【问题描述】:

我有一个非常大的form panel,包含多个字段。唯一让它不方便的是单一的背景颜色。我想在网格组件中使用stripeRows 功能,以便偶数和奇数字段的背景颜色略有不同。很早以前就尝试过用css,但是效果不好,因为field之间有很大的padding。那么,重新设计表单的最佳方式是什么?

【问题讨论】:

  • 您可以有一个看起来像条形行的背景,并根据背景对齐组件。或者为面板中的每一行分配样式(可能会将所有行内容分组到一个容器中)
  • 我认为带条行的背景不是一个好的解决方案,因为字段块可能与背景上的预定义条不一致。至于分配样式,我需要一些建议。我试图这样做,但行之间有很大的无色边距
  • "行间无色边距",你设置了偏移量吗?
  • @objectone 感谢您的建议。实际上,我在 Sencha 论坛上得到了解决方案。解决方案是暂停布局,然后像这样解析表单的所有字段 - this.getForm().getFields(),最后为所有字段添加自定义类。在任何情况下,都可以在 Sencha 论坛上找到解决方案(不过,在私人部分)。如果您对完整的解决方案感兴趣,我可以在这里发布,但稍晚一点

标签: css extjs4


【解决方案1】:

我发现这篇文章解释了如何轻松做到这一点:

http://skirtlesden.com/articles/styling-extjs-grid-cells

【讨论】:

  • 谢谢!但是我明白了,这篇文章是关于网格的,但是我想为表单面板制作一种样式。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-09-05
  • 2014-04-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-29
  • 1970-01-01
相关资源
最近更新 更多