Razor 我可以在剑道ListView的剑道模板字段上设置Encoded为False吗?
我可以在剑道ListView的剑道模板字段上设置Encoded为False吗? 这里我有一个列表上方的网格。正如您在列表中看到的,富文本被显示为HTML,而在enocding设置为False的网格中,富文本被显示为文本。我可以在ListView中设置我想要的字段(注释)的编码为false吗?如果没有,我的选项是什么,因为我无法在剑道模板中呈现编辑器。。。编辑:目标是删除网格我只想要列表Razor 我可以在剑道ListView的剑道模板字段上设置Encoded为False吗?,razor,kendo-ui,kendo-asp.net-mvc,richtext,Razor,Kendo Ui,Kendo Asp.net Mvc,Richtext,我可以在剑道ListView的剑道模板字段上设置Encoded为False吗? 这里我有一个列表上方的网格。正如您在列表中看到的,富文本被显示为HTML,而在enocding设置为False的网格中,富文本被显示为文本。我可以在ListView中设置我想要的字段(注释)的编码为false吗?如果没有,我的选项是什么,因为我无法在剑道模板中呈现编辑器。。。编辑:目标是删除网格我只想要列表 @(Html.Kendo().Grid<WorkflowItemComme
@(Html.Kendo().Grid<WorkflowItemCommentModel>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(e => e.Comment).Width(300).Encoded(false);
})
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("CommentsRead", "WFItem").Data("getWorkflowItemID"))
)
)
<div class="col-sm-2"></div>
<div id="comments-list" class="col col-sm-10">
@(Html.Kendo().ListView<WorkflowItemCommentModel>()
.Name("CommentList")
.TagName("div")
.Events(e => e.DataBound("onCommentListDataBound").Change("onCommentCriteriaChange"))
.ClientTemplateId("itemCommentTemplate")
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("CommentsRead", "WFItem").Data("getWorkflowItemID"));
dataSource.Sort(sort => { sort.Add(f => f.CreatedDate); }).ServerOperation(false);
})
.Selectable(s => s.Mode(ListViewSelectionMode.Single))
)
@(Html.Kendo().Grid())
.名称(“网格”)
.列(列=>
{
columns.Bound(e=>e.Comment).Width(300).Encoded(false);
})
.DataSource(DataSource=>DataSource
.Ajax()
.Read(Read=>Read.Action(“CommentsRead”、“WFItem”).Data(“getWorkflowItemID”))
)
)
@(Html.Kendo().ListView())
.姓名(“评论名单”)
.TagName(“div”)
.Events(e=>e.DataBound(“onCommentListDataBound”).Change(“onCommentCriteriaChange”))
.ClientTemplateId(“itemCommentTemplate”)
.DataSource(DataSource=>
{
dataSource.Read(Read=>Read.Action(“CommentsRead”、“WFItem”).Data(“getWorkflowItemID”);
dataSource.Sort(Sort=>{Sort.Add(f=>f.CreatedDate);}).ServerOperation(false);
})
.可选(s=>s.Mode(ListViewSelectionMode.Single))
)
模板:
@*//WFITEM COMMENT TEMPLATE*@
<script type="text/x-kendo-tmpl" id="itemCommentTemplate">
<div class="step">
<div class="step-wrapper">
<dl class="step-list-details">
<dt class="name"><b>Name:</b>#:CreatedByUserName# <b>Date:</b> #:CreatedDate#</dt>
<dd class="stepNum">
<b>Comment:</b>
<div contenteditable="true">
#:Comment#
</div>
</dd>
<dd class="title">
<b>Internal Comment:</b> #:InternalComment#
</dd>
<dd class="stepStatus">Status: Status Test</dd>
</dl>
<div class="btn btn-primary" id="viewStep">View</div>
</div>
</div>
</script>
@*//WFITEM注释模板*@
姓名:#:CreatedByUserName#日期:#:CreatedDate#
评论:
#:评论#
内部评论:#:内部评论#
状态:状态测试
看法
我希望我的列表文本在编码设置为false的情况下按网格中的方式呈现:
是的,您可以使用#=Comment
强制模板不对输出进行编码。请参见下面的示例:
var template=kendo.template(“#=firstName#”);
var data={firstName:“Todd”}//带有HTML标记的数据
var结果=模板(数据)//将数据传递给已编译的模板
$(“#示例”).html(结果)//以粗体字体显示“Todd”
请注意,这可能会使您的站点暴露于跨站点脚本(XSS)漏洞。至少,您可能希望确保数据不包含任何
标记
<div id="example"></div>
<script>
var template = kendo.template("<div id='box'>#= firstName #</div>");
var data = { firstName: "<b>Todd</b>" }; //Data with HTML tags
var result = template(data); //Pass the data to the compiled template
$("#example").html(result); //display "Todd" in a bold font weight
</script>