有条件地隐藏一个复选框

时间:2019-05-02 12:34:34

标签: kendo-ui kendo-grid kendo-asp.net-mvc

我有一个包含以下各列的剑道网格。

1.Name

2。年龄

3。性别{checkbox(男性,女性)}

我需要在特定行中隐藏一列。在我的问题中,如果“年龄”值等于18或19或20,则要隐藏包含复选框的“性别”单元格。

3 个答案:

答案 0 :(得分:2)

正如@Carsten所说,您不能隐藏单元格,而只能隐藏其内容。您可以为此使用template

template: "# if (data.Age < 18 || data.Age > 20) { #<input type='checkbox' name='Gender'># } #"

Dojo

对于您的情况,使用Asp.Net MVC应该使用ClientTemplate。这样的东西(无法测试):

columns.Bound(p => p.Gender).ClientTemplate("# if (data.Age < 18 || data.Age > 20) { #<input type='checkbox' name='Gender'># } #")

Source 1source 2source 3

答案 1 :(得分:2)

您可以使用if else语句

columns.Template(@<text></text>)
                        .ClientTemplate("#if (field == value) {#"
                        + "<a></a>"
                        + "#}else {#"
                        +"<input name='chkSubscribed' class='subscribedClass'type='type': '' #/>"
                        + "#} #").Width(130).Title("title");

答案 2 :(得分:0)

您不能隐藏单元格,但可以根据其他列来隐藏内容。有关如何将条件逻辑应用于列的信息,请参见https://docs.telerik.com/aspnet-mvc/helpers/grid/faq#how-to-apply-conditional-logic-to-client-column-templates