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

除了推荐使用prop()代替attr()，由 ezanker 演示之外，请确保在实际呈现后禁用复选框，即在ListView的dataBound事件(similar to another question of yours)。或者，在模板标记中包含禁用逻辑。

Kendo模板内的复选框不会被禁用

1 个答案: