Sitecore SPEAK UI 配置 ListControl 以显示图标和按钮
Sitecore SPEAK UI configure ListControl to display icon and button
在 Sitecore SPEAK UI (7.5) 中有没有办法配置 ListControl
(ViewMode
设置为 DetailList
)以包含带有图像的列,并且另一列包含按钮?
我在我的 PageSettings
项下创建了一个 ListControl Parameters
项,并为所需的列添加了一些 ColumnField
项 - 但找不到要添加的任何其他模板类型不同类型的列数据。我也试过玩弄 ColumnField
的 Formatter
和 HTMLTemplate
字段,但我不确定这些是如何使用的。
考虑按钮意味着超链接。您可以尝试在 HTMLTemplate
中添加以下内容:
图片:
<img src="{{YourImageSourceField}}" ..../>
对于超链接:
<a href="{{YourLinkSrcField}}">{{YourLinkTextField}}</a>
您还可以考虑阅读 Martina Welander Speak Series 以获取有关此类自定义实现的一些信息。
我还通过将 ViewMode 设置为 TileList 使用了 ListView 的自定义标题 属性。然后使用 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
在 Sitecore SPEAK UI (7.5) 中有没有办法配置 ListControl
(ViewMode
设置为 DetailList
)以包含带有图像的列,并且另一列包含按钮?
我在我的 PageSettings
项下创建了一个 ListControl Parameters
项,并为所需的列添加了一些 ColumnField
项 - 但找不到要添加的任何其他模板类型不同类型的列数据。我也试过玩弄 ColumnField
的 Formatter
和 HTMLTemplate
字段,但我不确定这些是如何使用的。
考虑按钮意味着超链接。您可以尝试在 HTMLTemplate
中添加以下内容:
图片:
<img src="{{YourImageSourceField}}" ..../>
对于超链接:
<a href="{{YourLinkSrcField}}">{{YourLinkTextField}}</a>
您还可以考虑阅读 Martina Welander Speak Series 以获取有关此类自定义实现的一些信息。
我还通过将 ViewMode 设置为 TileList 使用了 ListView 的自定义标题 属性。然后使用 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