Mẫu khách hàng Kendo Grid có điều kiện

Question

columns.Bound(p => p.Active).ClientTemplate("\\#if('#=Active#'=='Y') {\\<input type='button' value='OK' />\\}\\#").Width(150).Title("Status"); 

nhưng điều kiện được lấy làm chuỗi ??

#if('Y'=='Y')`enter code here` { 
<input type="button" value="OK"> 
}# 

Answer 1

Có ba cách để sử dụng cú pháp băm trong một mẫu Kendo:

1. Render giá trị theo nghĩa đen: # = #
2. Render giá trị HTML enocded: #: #
3. Execute mã JavaScript tùy ý: # if (...) {# ... #} #

Vì vậy, trong mã của bạn, bạn sẽ phải viết

columns.Bound(p => p.Active).ClientTemplate(
    "#if(Active=='Y') {# 
     <input type="button" value="OK"> 
     #}#").Width(150).Title("Status"); 

Thông báo trong mẫu như thế nào # dấu hiệu tách bên mã từ ngoài mã. Khi bạn đang ở trong mã, bạn không phải sử dụng # lần nữa để truy cập một biến và đó là lý do tại sao Active có thể không có # trước đó.

Answer 2

Hãy thử điều này,

columns.Bound(p => p.Active).ClientTemplate(
       "# if (IsServiceExist) { #" + 
        "<input type='button' value='OK' />"+ 
       "# }#").Width(150).Title("Status"); 

Answer 3

Tôi hy vọng u có được giải pháp ....

columns.Bound(p => p.IsActive).ClientTemplate("\\# if (IsActive != false) { \\#" + "\\<input type=\"checkbox\" id=\"checkBox\" class=\"parentCheckBox\" window-call=\"template\" checked/>\\" + "\\# } else { \\#" + "\\<input type=\"checkbox\" id=\"checkBox\" class=\"parentCheckBox\" window-call=\"template\" />\\" + "#\\ } \\#").Width(10); 

Answer 4

Để có giá trị dữ liệu kết xuất trong mẫu Kendo của bạn, bạn có thể sử dụng sau đây như một hướng dẫn:

columns.Template(@<text></text>) 
    .ClientTemplate("#if (Field3 == true) {#" 
    + "<a onclick='jsFoo(#=Id#)' href='\\#'></a> " 
    + "#} #").Width(70).Title("ColA"); 

Answer 5

columns.Bound(searchModel => searchModel.Value).ClientTemplate("#if(Name=='DevboardTask'){# <a href='\\#UpdateStatusWindow' onclick=\"javascript:openflexpmtask('#=Value#');\">#=Value#</a> #} else {# <a\">#=Value#</a> #}#"); 

Điều này có thể giúp ích cho bạn. Đây chỉ là một ví dụ ...