Javascript 从ClientDetailTemplate中的ClientTemplate中访问行数据
我正在ASP.NETMVC4应用程序中使用剑道UI Web网格 在下面代码的底部,您将看到一个名为GetEditChildUrl的JavaScript函数,它接受一个名为data的参数。不幸的是,作为数据参数传入的是父行数据,但我期望的是子行数据。这对于GetEditParentUrl很有效。那么如何获取子行数据呢Javascript 从ClientDetailTemplate中的ClientTemplate中访问行数据,javascript,asp.net-mvc,kendo-ui,kendo-grid,Javascript,Asp.net Mvc,Kendo Ui,Kendo Grid,我正在ASP.NETMVC4应用程序中使用剑道UI Web网格 在下面代码的底部,您将看到一个名为GetEditChildUrl的JavaScript函数,它接受一个名为data的参数。不幸的是,作为数据参数传入的是父行数据,但我期望的是子行数据。这对于GetEditParentUrl很有效。那么如何获取子行数据呢 @(Html.Kendo().Grid<Application.Models.Parent>() .Name("grid_parent") .Column
@(Html.Kendo().Grid<Application.Models.Parent>()
.Name("grid_parent")
.Columns(columns =>
{
columns.Bound(x => x.Name);
columns.Bound(x => x).ClientTemplate(
"<a href='#= GetEditParentUrl(data) #' class='k-button' style='min-width:0px;'><span class='k-icon k-i-pencil'></span></a>"
).Width(90).Filterable(false);
})
.Scrollable(action => action.Virtual(true))
.Filterable()
.Sortable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Parents_Read", "Parent"))
)
.Scrollable(s => s.Height("auto"))
.ClientDetailTemplateId("client-template")
)
@section Scripts {
<script id="client-template" type="text/x-kendo-template">
<h3>Contacts</h3>
@(Html.Kendo().Grid<Application.Models.Child>()
.Name("grid_child_#=Id#") // make sure the Name is unique
.Columns(columns =>
{
columns.Bound(x => x.Name);
columns.Bound(x => x).ClientTemplate(
"<a href='#= GetEditChildUrl(data) #' class='k-button' style='min-width:0px;'><span class='k-icon k-i-pencil'></span></a>"
).Width(90).Filterable(false);
})
.DataSource(dataSource =>
dataSource.Ajax().Read(read => read.Action("Children_Read", "Parent", new { parentId = "#=Id#" }))
)
.Scrollable(s => s.Height("auto"))
.Sortable()
.ToClientTemplate()
)
</script>
<script>
function GetEditParentUrl(data) {
return "@Url.Action("Edit", "Parent")/" + data.Id;
}
function GetEditChildUrl(data) {
return "@Url.Action("Edit", "Child")/" + data.Id;
}
</script>
}
@(Html.Kendo().Grid)
).宽度(90)。可过滤(假);
})
.Scrollable(action=>action.Virtual(true))
.可过滤()
.Sortable()
.DataSource(DataSource=>DataSource
.Ajax()
.Read(Read=>Read.Action(“Parents\u Read”,“Parent”))
)
.可滚动(s=>s.Height(“自动”))
.ClientDetailTemplateId(“客户端模板”)
)
@节脚本{
联络
@(Html.Kendo().Grid)
).宽度(90)。可过滤(假);
})
.DataSource(DataSource=>
dataSource.Ajax().Read(Read=>Read.Action(“Children_Read”,“Parent”,new{parentId=“#=Id#“}))
)
.可滚动(s=>s.Height(“自动”))
.Sortable()
.ToClient模板()
)
函数GetEditParentUrl(数据){
返回“@Url.Action”(“编辑”、“父项”)/”+data.Id;
}
函数GetEditChildUrl(数据){
返回“@Url.Action”(“Edit”,“Child”)/”+data.Id;
}
}
尝试转义列客户端模板中的散列(#)符号
columns.Bound(x => x)
.ClientTemplate("<a href='\\#= GetEditChildUrl(data) \\#' ...>")
columns.Bound(x=>x)
.ClientTemplate(“:
重要提示:模板表达式使用的“#”字符应为
在详细信息模板中使用列ClientTemplate时转义,因此
在正确的上下文中计算表达式