Kendo mvc Grid ClientTemplate javascript函数不工作
我有一个Kendo mvc网格,使用客户机模板作为列,我在模板中编写了一个javascript函数来返回脚本块,但它似乎不起作用,也没有javascript错误。我还尝试将脚本直接写入客户机模板,但它不起作用 //客户端模板中的htmlKendo mvc Grid ClientTemplate javascript函数不工作,javascript,jquery,asp.net-mvc,kendo-grid,kendo-asp.net-mvc,Javascript,Jquery,Asp.net Mvc,Kendo Grid,Kendo Asp.net Mvc,我有一个Kendo mvc网格,使用客户机模板作为列,我在模板中编写了一个javascript函数来返回脚本块,但它似乎不起作用,也没有javascript错误。我还尝试将脚本直接写入客户机模板,但它不起作用 //客户端模板中的html .Columns(columns => { columns.Template(e => { }).ClientTemplate( "<div class='table-responsiv
.Columns(columns =>
{
columns.Template(e =>
{ }).ClientTemplate(
"<div class='table-responsive'>" +
"<table border='0' class='table' >" +
...................................
"</table>" +
"</div>"+
"#=AlignDiv(Id)#"
);
})
.Columns(Columns=>
{
columns.Template(e=>
{}.ClientTemplate(
"" +
"" +
...................................
"" +
""+
“#=AlignDiv(Id)#”
);
})
//javascript函数以字符串形式返回脚本块
<script type="text/javascript">
function AlignDiv(Id) {
var result = "<script> $('.calDiv"+Id+"').map(function () {" +
"return $(this).Height();" +
"}).get()," +
"maxHeight = Math.max.apply(null, heights);" +
"$('.calDiv" + Id + "').height(maxHeight);" +
"alert('test')<\/script>";
return result;
}
函数AlignDiv(Id){
var result=“$('.calDiv“+Id+”).map(函数(){”+
“返回$(this).Height();”+
“}.get(),”+
maxHeight=Math.max.apply(空,高度)+
“$('.calDiv“+Id+”).height(maxHeight)+
“警报(‘测试’)”;
返回结果;
}
非常感谢,
Dennis为了使用有条件选择的操作格式化剑道网格列值,您可以使用以下适当的示例之一。有关更多信息:
Javascript的用户界面:
MVC的用户界面:
。。。
columns.Bound(t=>t.EmployeeName)
.头衔(“身份名称”)
.模板(@)
.ClientTemplate(“#=GetEditTemplate(数据)#”)。宽度(“55px”);
...
Javascript方法:
//根据给定条件更改单元格值的颜色
函数GetEditTemplate(数据){
var-html;
如果(data.StatusID==1){
html=kendo.format(
//" ",
"" +
data.EmployeeName
+ ""
);
}
否则{
html=kendo.format(
//" ",
“取消”
);
}
返回html;
}
希望这有助于
{
field: "EmployeeName", type: "string", width: "55px", title: "Employee Name",
template: "#= GetEditTemplate(data) #"
}
...
columns.Bound(t => t.EmployeeName)
.Title("Status Name")
.Template(@<text></text>)
.ClientTemplate("#= GetEditTemplate(data)#").Width("55px");
...
<script>
//Change the color of the cell value according to the given condition
function GetEditTemplate(data) {
var html;
if (data.StatusID == 1) {
html = kendo.format(
//"<a class=\"k-button\" href='" + '@Url.Action("Edit1", "Controller")' + "/{0}" + " '>Edit</a> ",
"<span class='text-success'>" +
data.EmployeeName
+ "</span>"
);
}
else {
html = kendo.format(
//"<a class=\"k-button\" href='" + '@Url.Action("Edit2", "Controller")' + "/{0}" + " '>Edit</a> ",
"<span class='text-danger'>Cancel</span>"
);
}
return html;
}
</script>