2014-01-17 3 views
1

사용자가 텍스트 상자를 클릭 할 때 시작되는 것보다 WinJS 플라이 아웃 객체가 있습니다. 플라이 아웃은 사용자의 생년월일 선택을위한 날짜 선택 도구를 표시하는 데 사용됩니다.플라이 아웃 내부의 WinJS 날짜 선택 도구가 실행되지 않습니다.

플라이 아웃이 올바르게 시작되지만 내부의 날짜 선택기에 액세스 할 수 없습니다. 예를 들어, 날짜를 선택하자 마자 플라이 아웃이 자동으로 닫힙니다.

클릭 이벤트와 같이 플라이 아웃에 연결되는 코드가 없습니다. 운이없이 날짜 선택기에 Z- 색인을 추가하려고했습니다.

+0

HTML

<button class="button">Hello</button> <div class="fly" data-win-control="WinJS.UI.Flyout"> <div class="date" data-win-control="WinJS.UI.DatePicker"></div> </div> 

자바 스크립트. 나는 그들에게 물어 보려고 노력할 것이다. – jakerella

+0

나는 [유사한 문제가] 있었지만 플립 뷰 안에 플라이 아웃이 있습니다. (http://stackoverflow.com/questions/20538358/winjs-a-flyout-inside-a-flipview-does-not-stay-active). 답변도 없습니다. 나는 플라이 아웃이 매우 휘발성이 강한 물체라고 생각한다. –

답변

0

다음은 버튼을 클릭 할 때 DatePicker이 포함 된 Flyout을 시작한 예입니다.

나는 일부 클라이언트의 코드에서뿐만 아니라이 문제를 볼 수 ...하지만 그들은 그것을 해결하는 방법을하지 않도록 한

WinJS.Application.onready = function() { 

    WinJS.UI.processAll().then(function() { 

     // Add a click handler to the button 
     var b = document.querySelector(".button"); 
     b.addEventListener("click", function (e) { 

      // Find the Flyout and call show 
      var f = document.querySelector(".fly"); 
      f.winControl.show(b); 
     }); 
    }); 
}; 

WinJS.Application.start(); 
관련 문제