劍道mvc網格ClientTemplate javascript功能不工作

Question

我有一個劍道mvc網格，並使用客戶端模板作爲列，我寫了一個JavaScript函數在模板中返回腳本塊，但它似乎不工作，沒有JavaScript錯誤。我也嘗試將腳本直接寫入客戶端模板，但它不工作。

// HTML在客戶端模板

.Columns(columns => 
    { 

    columns.Template(e => 
    { }).ClientTemplate(

     "<div class='table-responsive'>" + 
       "<table border='0' class='table' >" + 

       ...................................     

       "</table>" + 
     "</div>"+ 
      "#=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; 
    } 

非常感謝， 丹尼斯

Answer 1

爲了格式有條件選擇動作的Kendo Grid列值可以使用下面的一個合適示例。欲瞭解更多信息：How Do I Have Conditional Logic in a Column Client Template?

UI爲Javascript：

{ 
    field: "EmployeeName", type: "string", width: "55px", title: "Employee Name", 
      template: "#= GetEditTemplate(data) #" 
} 

UI的MVC：

... 
columns.Bound(t => t.EmployeeName) 
.Title("Status Name") 
.Template(@<text></text>) 
.ClientTemplate("#= GetEditTemplate(data)#").Width("55px"); 
... 

JavaScript方法：

<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> 

希望這有助於...