Kendo 模板内的复选框未被禁用

Question

您好，我正在使用 Kendo 模板，如下所示：

 <div id="ModelListView"></div>

    <div class="section group fr">
             #if(MODEL != null){#
                #if(ACTIVE_MODELS_COUNT  > 0 && ACTIVE_MODELS_COUNT != 'null'){#
                    <input class="ModelCheckBox" type="checkbox"  checked/>
                #}
                else {#
                    <input class="ModelCheckBox" type="checkbox" unchecked />    
                #}#
                    <label>#:MODEL#</label>
                    <label class="Model_ID" style="visibility:hidden;">#:MODEL_ID#</label>
                    @*<input class="Model_ID" type="hidden" value= #:MODEL_ID #/>*@
                #}#
        </div>
 $("#ModelListView").kendoListView({
      template: kendo.template($("#Modeltemplate").html())
 });

我想根据某些条件禁用复选框，但无法做到。

 $(".ModelCheckBox").attr('disabled', 'disabled');

Answer 1

除了由 ezanker 演示的 prop() 而不是 attr() 的推荐用法外，请确保在实际呈现后禁用复选框，即在 ListView 的 dataBound 事件中执行此操作。或者，在模板标记中包含您的禁用逻辑。

Kendo 模板内的复选框未被禁用

Checkbox inside Kendo template does not get disabled

jquery

kendo-ui

kendo-template