iT邦幫忙

7

Day 16 WinJS.UI.Flyout實作

  • 分享至 

  • xImage
  •  


FLlyout的詳細說明可見官方網站說明:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465354.aspx
其實我也沒有實做很多,不過就是大概知道這是什麼。

Flyout 其實有點類似 confirm, prompt,因為在windows 8 app,是沒有辦法用alert()之類的javascript function,那個有些替代品可以使用,像是 MessageDialog(消息對話框) 。

當然如果您不喜歡這些預設的樣式,
也是可用官方提供的css樣式去改寫,
另外你也可以監聽一些事件。

 <h1>Choose Your Favorite:</h1>
     <!-- Button that launches the confirmation Flyout. -->
    <h3>Win Wu</h3>
    <h4>ithelp topic : Develop win8 app</h4>
    <h5>start day: 9/16</h5>
    <h6>Birthday:1990</h6>
    <button class="action" id="buyButton">Add to Favorite</button>



    <!-- Confirmation Flyout. -->
    <div id="confirmFlyout" data-win-control="WinJS.UI.Flyout" aria-label="{Confirm favorite flyout}">
        <h2>Hi !</h2>
        <div>Already Add Kao to Your Favorite List</div>
        <button id="confirmButton">Complete List</button>
    </div>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言