jquery - 绑定(bind)元素上必需属性的添加

Question

是否可以使用 Kendo UI MVVM 在元素上绑定(bind) HTML5 必需属性的可见性？

元素上的 required 属性表示该元素的值是必需的。从技术上讲，该属性的值也应该为“必需”。

使用 Kendo UI，我可以使用

将值绑定(bind)到属性

<input data-bind="attr: { required: isFieldRequired }"/>

但是，这仍然在渲染的 HTML 中输出 required 属性，这不是我想要的(同样，因为它的存在表明需要)。

我可以监听数据源上的更改事件，并使用 jQuery 和 ViewModel 上的值手动添加或删除属性，但这并不理想。

如果有一种方法可以绑定(bind)属性是否渲染，那就太好了!

Answer 1

使用 Atanas Korchev 的答案(下面的链接)，您只需添加自定义绑定(bind)，然后它对我来说效果很好。

https://stackoverflow.com/a/15947852/2692411

首先添加自定义绑定(bind)

kendo.data.binders.required = kendo.data.Binder.extend({
  refresh: function() {
    var required = this.bindings.required.get();
    if (required) {
      this.element.setAttribute("required", "required");
    } else {
      this.element.removeAttribute("required");
    }
  }
});

然后在您的输入中只需使用必需的属性

<input data-bind="required: isRequired"/>