选择带有敲除绑定的更改事件，我怎么知道它是否是真正的更改

我正在构建一个权限UI，我有一个权限列表，每个权限旁边都有一个选择列表。权限由绑定到选择列表的可观察对象数组表示：

<div data-bind="foreach: permissions">
     <div class="permission_row">
          <span data-bind="text: name"></span>
          <select data-bind="value: level, event:{ change: $parent.permissionChanged}">
                   <option value="0"></option>
                   <option value="1">R</option>
                   <option value="2">RW</option>
           </select>
      </div>
 </div>

现在的问题是这样的：当UI首次填充时，将引发change事件。我调用ajax函数，获取权限列表，然后为每个权限项引发事件。这真的不是我想要的行为。我希望仅当用户确实在选择列表中为权限选择了新值时才引发它，我该怎么做？

实际上，您想查找事件是由用户还是由程序触发的，并且很明显该事件将在初始化时触发。

淘汰赛的添加方法subscription在所有情况下都无济于事，原因是因为在大多数模型中都将像这样实现

1. 用未定义的数据初始化模型，只是结构 (actual KO initilization)
2. 用初始数据更新模型 (logical init like load JSON , get data etc)
3. 用户互动和更新

我们要捕获的实际步骤是3中的更改，但是在第二步subscription中将获得call，所以更好的方法是将事件更改添加到

 <select data-bind="value: level, event:{ change: $parent.permissionChanged}">

并在permissionChanged功能中检测到事件

this.permissionChanged = function (obj, event) {

  if (event.originalEvent) { //user changed

  } else { // program changed

  }

}

这只是一个猜测，但我认为它正在发生，因为level是一个数字。在这种情况下，value绑定将触发change事件以level字符串值更新。因此，可以通过确保level以字符串开头来解决此问题。

此外，更“淘汰”的方法是不使用事件处理程序，而是使用可观察对象和订阅。创建level一个可观察的对象，然后向其添加一个订阅，该订阅将在level更改时运行。

这里是一个解决方案，可以帮助解决这种奇怪的行为。除了找到一个按钮手动触发更改事件之外，我找不到更好的解决方案。

编辑：也许像这样的自定义绑定可以帮助：

ko.bindingHandlers.changeSelectValue = {

   init: function(element,valueAccessor){

        $(element).change(function(){

            var value = $(element).val();

            if($(element).is(":focus")){

                  //Do whatever you want with the new value
            }

        });

    }
  };

然后在您的选择数据绑定属性中添加：

changeSelectValue: yourSelectValue

我用这个自定义绑定（基于此琴由RP尼迈耶，看他的回答这个问题），这可以确保数值正确的字符串转换为数字（由麦可思的解决方案建议）：

Javascript：

ko.bindingHandlers.valueAsNumber = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var observable = valueAccessor(),
            interceptor = ko.computed({
                read: function () {
                    var val = ko.utils.unwrapObservable(observable);
                    return (observable() ? observable().toString() : observable());
                },
                write: function (newValue) {
                    observable(newValue ? parseInt(newValue, 10) : newValue);
                },
                owner: this
            });
        ko.applyBindingsToNode(element, { value: interceptor });
    }
};

HTML示例：

<select data-bind="valueAsNumber: level, event:{ change: $parent.permissionChanged }">
    <option value="0"></option>
    <option value="1">R</option>
    <option value="2">RW</option>
</select>

如果使用observable而不是原始值，则select不会在初始绑定时引发更改事件。您可以继续绑定到更改事件，而不是直接订阅可观察对象。

快速而肮脏，使用一个简单的标志：

var bindingsApplied = false;

var ViewModel = function() {
    // ...

    this.permissionChanged = function() {
        // ignore, if flag not set
        if (!flag) return;

        // ...
    };
};

ko.applyBindings(new ViewModel());
bindingsApplied = true; // done with the initial population, set flag to true

如果这不起作用，请尝试将最后一行包装在setTimeout（）中-事件是异步的，因此当applyBindings（）已经返回时，最后一个可能仍在等待处理。

我有一个类似的问题，我刚刚修改了事件处理程序以检查变量的类型。仅在用户选择一个值之后才设置类型，而不是在首次加载页面时设置。

self.permissionChanged = function (l) {
    if (typeof l != 'undefined') {
        ...
    }
}

这似乎对我有用。

用这个：

this.permissionChanged = function (obj, event) {

    if (event.type != "load") {

    } 
}

试试这个：

self.GetHierarchyNodeList = function (data, index, event)
{
    debugger;
    if (event.type != "change") {
        return;
    }        
} 

event.type == "change"
event.type == "load" 

如果您使用的是淘汰赛，请使用可观察到的功能淘汰赛的关键功能。
使用ko.computed()method并在该函数中执行并触发ajax调用。