WinJS - 防止两个快速按钮

Question

我们在WinJS中的应用程序中有一种情况，我们从磁盘上的文件中读取序列化数据，并根据页面访问文件的不同部分。

我们遇到的问题是，当用户双击一个控件，按钮，列表视图等，系统会尝试读取文件两次，并零星爆炸。

在WinJS中是否有推荐的路线来防止或处理控件的双重按压？除了像按下时手动禁用和重新启用所有按钮之类的东西？

我们已经看了一些选项，包括重写addEventListener，但没有一个是完美的，在这方面的任何建议将不胜感激。

附加说明：虽然在这个例子中，问题在于读取文件，但我们有其他应用程序在列表上执行快速双击会尝试导航到页面两次（并将其添加到nav.history两次），所以它似乎有这样的事情可能发生的地方和症状。

Answer 1

最好的方法是在处理时禁用按钮，并在完成后重新启用它们。如果事情花费比预期更长的时间，这将向用户提供适当的反馈。

您可以通过数据绑定禁用它们，而不是手动设置它们。

HTML

<button id="button1" data-win-bind="disabled: disabled">Click</button> 
<button id="button2" data-win-bind="disabled: disabled">Click</button> 
<button id="button3" data-win-bind="disabled: disabled">Click</button> 
<button id="button4" data-win-bind="disabled: disabled">Click</button> 

的JavaScript

var bindingSource; 

app.onactivated = function (args) { 
    if (args.detail.kind === activation.ActivationKind.launch) { 
     if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) { 
      // TODO: This application has been newly launched. Initialize 
      // your application here. 
     } else { 
      // TODO: This application has been reactivated from suspension. 
      // Restore application state here. 
     } 
     args.setPromise(WinJS.UI.processAll()); 

     var disabledContext = { disabled: false } 

     var btn = document.getElementById("button1"); 
     btn.addEventListener("click", buttonClickHandler, false); 
     WinJS.Binding.processAll(btn, disabledContext); 

     btn = document.getElementById("button2"); 
     btn.addEventListener("click", buttonClickHandler, false); 
     WinJS.Binding.processAll(btn, disabledContext); 

     btn = document.getElementById("button3"); 
     btn.addEventListener("click", buttonClickHandler, false); 
     WinJS.Binding.processAll(btn, disabledContext); 

     btn = document.getElementById("button4"); 
     btn.addEventListener("click", buttonClickHandler, false); 
     WinJS.Binding.processAll(btn, disabledContext); 

     bindingSource = WinJS.Binding.as(disabledContext); 
    } 
}; 

function buttonClickHandler(eventInfo) { 
    bindingSource.disabled = true 

    WinJS.Promise.timeout(5000).then(function (c) { 
     bindingSource.disabled = false 
    }); 
} 

--Rob