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> 

자바 스크립트

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