[英]using kendo.template (external template) in KendoUI MVC Grid ClientTemplate (column)
I want to use an external template in a column's ClientTemplate like this: 我想像这样在列的ClientTemplate中使用外部模板:
@(Html.Kendo().Grid<Project>().Name("Projects").Columns(
cols =>
{
cols.Bound(m => m.LetterNumber);
cols.Bound(m => m.CityName);
cols.Bound(m => m.OrganName);
cols.Bound(m => m.DateString);
cols.Bound(m => m.EngineersCount);
cols.Bound(m => m.ExpertTypeString);
cols.Bound(m=>m.ProjectId).Title("").ClientTemplate("#buttonsTemplate(data)#");
}).DataSource(
ds => ds.Ajax().Read("GetList", "Projects"))
)
<script type="kendo/x-template" id="buttonsTempate">
#switch(State){
case 0:#
<a href="@Url.Action("SelectEngineers")?pid=#=ProjectId#">انتخاب مهندسین</a>
#break;
case 1:#
<a href="@Url.Action("Print")?pid=#=ProjectId#">چاپ نامه</a>
<a href="@Url.Action("SelectEngineers")?pid=#=ProjectId#">انتخاب مهندسین</a>
#break;
}#
</script>
<script>
var buttonsTemplate = kendo.template($("#buttonsTempate").html());
</script>
But I get an empty column. 但是我得到一个空列。
If I use internal (inline) template, it works fine: 如果我使用内部(内联)模板,则可以正常工作:
@(Html.Kendo().Grid<Project>().Name("Projects").Columns(
cols =>
{
cols.Bound(m => m.LetterNumber);
cols.Bound(m => m.CityName);
cols.Bound(m => m.OrganName);
cols.Bound(m => m.DateString);
cols.Bound(m => m.EngineersCount);
cols.Bound(m => m.ExpertTypeString);
cols.Bound(m => m.ProjectId).Title("").ClientTemplate("#switch(State){case 0:#"
+ "<a href='" + @Url.Action("SelectEngineers") + "?pid=#=ProjectId#'>انتخاب مهندسین</a>"
+ "#break;case 1:#"
+ "<a href='" + @Url.Action("Print") + "?pid=#=ProjectId#'>چاپ نامه</a>"
+ "<a href='" + @Url.Action("SelectEngineers") + "?pid=#=ProjectId#'>انتخاب مهندسین</a>"
+ "#break;}#");
}).DataSource(
ds => ds.Ajax().Read("GetList", "Projects")).DoConfig()
)
But I prefer external template for such a long template. 但是对于这样长的模板,我更喜欢使用外部模板。 Any idea what is the problem? 知道是什么问题吗?
The external templates created by kendo.template()
, are in fact functions with a data
input parameter. kendo.template()
创建的外部模板实际上是带有data
输入参数的函数。 So in your template you should prepend all your columns with a data.
因此,在模板中,您应该在所有列之前添加data.
eg: 例如:
<a href="@Url.Action("SelectEngineers")?pid=#=data.ProjectId#">
Also, in the grid options, you should use the #=
syntax in order to see the output: 另外,在网格选项中,应使用#=
语法以查看输出:
.ClientTemplate("#=buttonsTemplate(data)#")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.