FineUI 官方论坛

标题: 急求解答，加入图片后列表显示问题 [打印本页]

作者: __仰望′扑朔离 时间: 2012-5-17 21:29
标题: 急求解答，加入图片后列表显示问题
[attach]490[/attach]
问: 这种显示怎么样才能感觉正常？

这样图片占据整个列，文字那里显示的相当不和谐，求解。

<Columns>
<ext:ImageField Width="110px" DataImageUrlField="DefaultPicture" HeaderText="目录图标"></ext:ImageField>
<ext:BoundField DataField="Name" DataFormatString="{0}" HeaderText="产品名称" />

</Columns>

作者: __仰望′扑朔离 时间: 2012-5-17 21:32
难道需要手动增加样式进行重置？
不明白，这种加了图片的情况怎么使用，还有他的高度怎么自适应？

作者: __仰望′扑朔离 时间: 2012-5-17 21:45
ImageHeight="110px" ImageWidth="110px" 可以解决高度跟宽度问题。

还是那个布局问题怎么办文字那块怎么设置？

作者: support 时间: 2012-5-17 22:17

__仰望′扑朔离发表于 2012-5-17 21:45
ImageHeight="110px" ImageWidth="110px" 可以解决高度跟宽度问题。

还是那个布局问题怎么办文字那块怎 ...

特殊情况，通过CSS设置文字的大小和位置....

作者: __仰望′扑朔离 时间: 2012-5-17 22:52
[attach]491[/attach]

.x-grid3-col-ct1
{
         padding:40px 3px 3px 5px;
         white-space :inherit;
      }

加了这么个样式

但是这样感觉很不方便那，那我多少n个列不是要加n个这样式？
例如：
.x-grid3-col-ct1,.x-grid3-col-ct2,.x-grid3-col-ct3
{
         padding:40px 3px 3px 5px;
         white-space :inherit;
      }

这样有没有直接能一次性批量的方法呢？

作者: __仰望′扑朔离 时间: 2012-5-17 23:05
看来只能这样暂时性的解决了，一般列表应用图片的情况很多，希望官方在这种应用上面能有更好的想法以及改善。

解决方法：
      .x-grid3-col-ct1,.x-grid3-col-ct2,.x-grid3-col-ct3,.x-grid3-col-ct4
      {
         padding:35px 3px 3px 5px;
         white-space :inherit;
      }

演示:

[attach]492[/attach]

还是有很多方面的问题，尤其很复杂的grid的应用比如我要嵌套grid这种我也感觉还是有点问题。

例如：

[attach]493[/attach]

这里数据为什么一定要array那种，如果直接能捆绑list不是更好吗，我折腾这个的时候纠结的很。

例如：
[attach]494[/attach]

这里标粗的地方，估计只能自己写样式来处理了，像这里还得捆绑图片，感觉还是有点无奈。

总体感觉还是很赞了。

作者: support 时间: 2012-5-18 14:16

__仰望′扑朔离发表于 2012-5-17 23:05
看来只能这样暂时性的解决了，一般列表应用图片的情况很多，希望官方在这种应用上面能有更好的想法以及改 ...

[attach]498[/attach]
这个CSS怎么样：

.x-grid3-row td {
vertical-align: middle;
}

复制代码

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)