iT邦幫忙

DAY 28
4

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps系列 第 28

Day28 Split App 實作官方範例 Blog Reader (5)

  • 分享至 

  • xImage
  •  

結果截圖,其實如果有照官方的步驟去做,應該會跟我一樣得到差不多的結果。
參考網址:http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx
不過雖然是看官方做出來的,可是我也弄了好一陣子,一直在 data.js 打轉,原因是一直沒搞懂什麼是該留下來的變數,什麼是不該留的,最後建議直接看最後的完整的程式碼。因為我有時候看步驟說明跟著做...,會跟丟...
首先這是split app還沒改data.js之前的樣子,所有的資料都是data.js預設寫好的hard code。
我只有簡單的把標題改一改而已。

接著當我們修改data.js去要blog的資料時,就會得到這樣的結果:
data.js就是前幾天有介紹的部分。要到資料後,結果就會呈現在app的grid。
本來我是想要去要自己blog的資料,不過沒弄出來,所以就用官方教學上面寫的那幾個網址,
我在想我的網址跟官方範例的網址是否有什麼不同...,還是我的網址是不能要資料的網址?!(不理解ing)。

如果要資料的結果有問題,就會是這般情景:


上一篇
Day28 關於 JavaScript 清空 Array 的方法
下一篇
Day29 WinJS.UI.ViewBox
系列文
用 HTML5 和 JavaScript 學習開發 Windows 8 Apps30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-10-13 00:05:57

沙發拍手筆記

yiying iT邦新手 1 級 ‧ 2013-10-13 00:06:26 檢舉

謝謝灑花

我要留言

立即登入留言