具有多行文本的Kendo MVC UI TreeList

Question

我將文本區域添加為EditorTemplate（StringTextArea.cshtml）到TreeList。

@model string

@(Html.TextAreaFor(m => m, new { @class = "k-input k-textbox" }))

模型類

public class LevelViewModel
{
    public int Id { get; set; }
    public string LvlName { get; set; }
    [UIHint("StringTextArea")]
    public string LvlType { get; set; }
}

TreeList在編輯模式下添加文本區域，我將LvlType中的'\\ n'替換為' <br /> '，然后將其保存到SQL Server 2008

LvlType = lvl.LvlType.Replace("\n", "<br />")

但它在TreeList中顯示字符串。

有沒有辦法讓TreeList顯示帶換行符的字符串？

謝謝

Answer 1

我的第一個想法是更換編碼的<br />真的讓它變得比它更復雜:(。

最佳解決方案是制作模板：模板：“＃= LvlType＃”

當使用＃=＃時，它將不會編碼，當使用＃：＃它將編碼！ 我的測試： Telerik道場

<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/treelist/local-data-binding">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.mobile.min.css" />

<script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script>

</head>
<body>
    <div id="example">
        <div id="treelist"></div>

        <script>
            $(document).ready(function () {
                var dataSource = new kendo.data.TreeListDataSource({
                    data: [
                      { id: 1, Name: "Daryl <br/>Sweeney", Position: "CEO", Phone: "(555) 924-9726", parentId: null },
                    ],

                    schema: {
                        model: {
                            id: "id",
                            expanded: true
                        }
                    }
                });

                $("#treelist").kendoTreeList({
                    dataSource: dataSource,
                    height: 540,
                    columns: [
                        { field: "Position" },
                        { field: "Name", template: "#=Name#" },
                        { field: "Phone" }
                    ]
                });
            });
        </script>
    </div>
</body>
</html>

具有多行文本的Kendo MVC UI TreeList

問題描述

1 個解決方案

解決方案1
0 已采納 2019-06-18 15:03:47

具有多行文本的Kendo MVC UI TreeList

問題描述

1 個解決方案

解決方案1 0 已采納 2019-06-18 15:03:47

解決方案1
0 已采納 2019-06-18 15:03:47