将Kendo模板中的HTML标签呈现为HTML

devlin carnate 发表于 Dev

德夫林康乃馨

我在存储回车符的SQL数据库中存储了一个字符串。我可以通过NotePad ++看到回车。当我在剑道模板中显示该字符串时，所有内容都是一个长字符串，没有回车符。

我已经尝试过用字符串替换将\ r \ n替换为<br \>。当我这样做时，我现在看到
换行符应该在哪里。我认为这是呈现HTML标签的正确语法：

<script id="detail-template" type="text/x-kendo-template">
<div>
    <span><b>Position Description : </b>#= PositionDescription #</span>
</div>

这是我的jquery kendo网格中的相关定义：

detailTemplate: kendo.template($("#detail-template").html()),
detailInit: function(e) {
                kendo.bind(e.detailRow, e.data);
            },

但是我得到这个：

我也尝试使用＃：＃，但随后得到：

文字2

这是我进行替换的地方（在Model实体类中）

position.PositionDescription = position.PositionDescription.ToString().Replace("\r\n", "<br />");

更新：

这是e.data的控制台日志记录：

德夫林康乃馨

所需的更改是将字段添加到主网格中，使用Html.Raw，然后在主网格中隐藏该列。无需在jquery中的模板或kendo detailInit配置中进行任何更改。

主网格HTML：

        <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td></td>
                <td>@item.location.LocationName</td>
                <td>@item.position.department.DepartmentName</td>
                <td>@item.position.PositionName</td>
                <td>@item.PostingID</td>
                <td>@item.PositionID</td>
                <td>@Html.Raw(@item.position.PositionDescription)</td>
                <td>@item.LocationID</td>
                <td>@item.position.DepartmentID</td>
                <td>@item.PostingCreated</td>
                <td>@item.PostingQuantity</td>
            </tr>
        }
    </tbody>