2013-07-16 42 views
1

我想使用Dojo創建通知圖標,但我不確定從哪裏開始。 該圖標必須與Facebook和WhatsApp上的圖標相似,以顯示您擁有多少新消息/通知。使用Dojo 1.9創建通知圖標

我一直在尋找Dojo參考,但找不到要使用的好小部件。也許我錯過了一些明顯的東西,但我不妨在這裏問一下。

不幸的是,谷歌搜索沒有太多用處。

回答

3

據我所知,沒有自動爲你做這些東西的小部件。這個問題太具體,不能爲它提供一個通用的小部件。在開始之前,你還必須考慮幾件事情。

  1. 想使用WebSockets嗎?網絡通常用於提取內容,如果您想將通知從服務器推送到客戶端,那麼您需要查看WebSockets。使用它們的好教程可以在Sitepen上找到。

  2. 如果您不想使用websockets(您無法創建websocket服務器或者您有其他原因),那麼您可能不得不使用簡單的「REST服務」並獲取來自它的通知。這意味着你的腳本不會「活」,所以你需要每隔X秒/分鐘從web服務中獲取內容。這意味着您需要一個正常的AJAX請求,可以通過dojo/request/script模塊完成。 如果您需要計算此AJAX請求,則可以使用dojox/timing模塊。

這只是「邏輯」部分,用戶界面(圖標+#通知)可以用純HTML和CSS自己製作。

+0

謝謝您的回答,但邏輯部分是沒有問題的。我只是想知道是否有一個已知的GUI實現可以爲此發揮作用。 – Davio

+0

不是我所知道的。就像我告訴的那樣,這種情況太具體了,無法爲它創建一個小部件。也許你可以在DojoX庫中找到一些東西。我不確定是否會在DojoX庫中找到一個小部件,我不推薦它,因爲在Dojo 2.0中,DojoX庫將消失。我建議你自己創建這個小部件,它不是我認爲的一部分HTML代碼。 – g00glen00b

+0

我最終使用了下面的HTML/CSS3例子:http://www.icondeposit.com/code:pure-css3-message-button-with-notification – Davio

0

什麼DojoX中/移動/徽章:

http://livedocs.dojotoolkit.org/dojox/mobile/Badge

+0

唯一的問題是它來自'dojox/mobile'包旨在用於移動應用程序。我不確定這將與正常的Web應用程序集成如何。此外,它似乎建議與其他小部件一樣使用,如「IconItem」。這意味着您還需要使用其他移動小部件。 – g00glen00b

+0

dojox /移動在桌面上也能正常工作。這就是說我同意你將開始鏈接到其他幾個移動類。 – Christophe