Sitecore SPEAK UI配置ListControl以显示图标和按钮

时间:2015-03-19 13:01:31

标签: sitecore sitecore-speak-ui

Sitecore SPEAK UI(7.5)中是否有办法将ListControlViewMode设置为DetailList)配置为包含带图像的列,另一列包含按钮?< / p>

我已在ListControl Parameters项下创建了PageSettings项,并为所需列添加了一些ColumnField项 - 但无法找到要添加的任何其他模板类型不同类型的列数据。我还尝试过使用Formatter的{​​{1}}和HTMLTemplate字段,但我不确定这些字段是如何使用的。

2 个答案:

答案 0 :(得分:3)

考虑按钮意味着超链接。您可以尝试在HTMLTemplate中添加以下内容:

For Image:

<img src="{{YourImageSourceField}}" ..../>

对于超链接:

<a href="{{YourLinkSrcField}}">{{YourLinkTextField}}</a>

您还可以考虑阅读Martina Welander Speak Series以获取有关此类自定义实现的一些信息。

答案 1 :(得分:1)

我还通过将ViewMode设置为TileList来使用ListView的自定义title属性。然后使用Knockout将数据绑定到使用标准cshtml的自定义磁贴,如果这是有用的吗?

<div class="sc-tile-default" data-bind="attr: {id: Id}">
<div style="min-height: 98px;">
    <img width="112" data-bind="attr: {src: Path}" />
</div>

<div class="sc-iconList-item-title">
    <span data-bind="text: Name"></span>
</div>

查看此项目 https://github.com/sobek1985/WallpaperManager

List Control