1

我现在已经使用 kendo-ui 角度组件玩了一段时间了，我创建了这个 plunker：

http://plnkr.co/edit/zrr3nlxQl7uxbdtH4oEA?p=preview

为了设置详细信息行的宽度，我实现了 css：

.detailRow{
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100px;
  white-space: normal;
}

和html：

    <template kendoDetailTemplate let-dataItem>
      <section *ngIf="dataItem.Category">
        <article ><div class='detailRow'>{{dataItem.Category?.Description}}</div></article>
      </section>
    </template>

  1. 这是控制细节行宽度的方法吗？

  2. 是否可以在详细信息行中呈现 html（显示粗体和斜体）？

  3. 是否可以在加载时自动扩展每一行？

4

1 回答 1

2
  1. 是的，width在详细行内容上使用可以很好地控制其宽度。
  2. 如果该Category.Description字段包含 HTML，您可能需要使用绑定对其进行innerHTML绑定，如该线程所示。请务必清理 HTML，否则可能会出现 XSS 攻击。
  3. 目前没有提供控制所有明细行的方法。这已被记录并可以在 kendo-angular2 repo 的功能请求中进行跟踪。
于 2016-11-24T13:32:29.543 回答