【问题标题】:Enable a button based on an input value根据输入值启用按钮
【发布时间】:2014-06-24 11:25:35
【问题描述】:

我有一个包含两个值的可观察对象。如果输入值不为空,我想启用一个按钮。我用函数检查值是否不为空。请帮忙,这是我想要实现的一个 jsfiddle 示例:http://jsfiddle.net/zNLNy/1213/

这是一些代码:

<div id="form">
    <input type="text" data-bind="value: message" />
    <button data-bind="enabled: canSend">Send</button>
</div>

var chatFormObservable = kendo.Observable({
    message: "",
    canSend: function(){
        return this.get("message") != ""
    }
});
kendo.bind($("#form"), chatFormObservable);

【问题讨论】:

    标签: javascript html mvvm web kendo-mvvm


    【解决方案1】:

    你需要的功能是“订阅”;您需要订阅输入值并在输入值时启用按钮,否则禁用它:

    self.message.subscribe(function (value) {
    
        if(value){
            self.canSend(true);
        } 
        else{
            self.canSend(false);
        }
    
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-09-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多