Kendo Grid Filter ItemTemplate with multiCheck get复选框状态

时间:2015-10-30 11:41:27

标签: checkbox kendo-ui telerik kendo-grid itemtemplate

我不知道如何更好地制定这个问题,但这就是场景:

我正在为一个使用telerik kendo UI进行网格的客户端开发大型web应用程序。 网格中的一列设置为过滤并使用multiCheck。 到目前为止,一切运作良好,我对结果感到满意。

现在对于踢球者来说:复选框的样式(这意味着它们被隐藏,周围的容器显示值)并且第一次使用过滤器时工作,因为没有选中任何复选框。一旦我选择了一些值并过滤了网格,就会重新绘制过滤器菜单,并且正在清空所选的复选框。

我现在需要做的是在itemTemplate中设置一个条件来设置显示复选框值的类。

我当前的itemTemplate看起来像这样:

function documentTypeItemTemplate(e) {
    var s = "<div class='checker'>";
    s += "<span tabindex='0' role='checkbox' aria-checked='false'>";
    s += "<input id='filter_" + e.field + "' type='checkbox' value='#=Value#' name='" + e.field + "' onchange='Wpl.SettingsContext.CheckboxChanged(this);' tabindex='-1' aria-hidden='true' />";
    s += "<label for='filter_" + e.field + "'>#=Text#</label></span></div>";
    return s;
}

但对于选中的复选框,我需要它看起来像:

function documentTypeItemTemplate(e) {
    var s = "<div class='checker'>";
    s += "<span tabindex='0' class="checked" role='checkbox' aria-checked='true'>";
    s += "<input id='filter_" + e.field + "' type='checkbox' value='#=Value#' name='" + e.field + "' onchange='Wpl.SettingsContext.CheckboxChanged(this);' tabindex='-1' aria-hidden='true' />";
    s += "<label for='filter_" + e.field + "'>#=Text#</label></span></div>"";
    return s;
}

有没有人知道这是否可能? 我经历了两次整个Kendo UI页面,除了基本定义之外,没有获得有关itemTemplate的任何信息。

感谢您的帮助

干杯 H.2.O

0 个答案:

没有答案