原创 用Struts2+Dojo實現文件下載

介紹 Struts2 + Dojo是目前非常通用的Web應用開發組合。文件下載則是非常老的一個功能了。現在就介紹一下如何用Struts2+ Dojo 1.7.3實現文件下載的功能。   前端:初始化Dojo,創建下載按鈕,實現點擊下載事件

原创 用D3.js進行醫療數據可視化 (二)圖例 (Legend)

介紹 在上一篇文章的結尾,對生成的可視化圖,我們提到了許多待改進的地方。這兒就先來討論下圖例的顯示。 圖例的主要目的是說明圖表中各種符號和顏色所代表的內容及指標的說明。對於我們之前生成的line chart,需要用圖例說明每條曲線所代表的

原创 關於不同的JavaScript Framework的一點思考

前幾年一直用Dojo做應用開發,也經歷了Dojo的一些大大小小的變化,比如1.6以後採用了AMD模式。應用所限,對於這些變化背後的動機,一直都沒有很深入地去了解。最近半年有機會加入了一個大型應用開發項目,一下子接觸了很多種不同的JavaS

原创 關於dijit.form.Select中addOption()的一點注意事項

dijit.form.Select的addOption()函數是一個很好的功能,方便我們用編程的方法動態添加<option>結點到Select中。 不過如果遇到下面這樣的問題,希望不要重走本人的老路,花冤枉時間。(Dojo 1.7.3)

原创 前端數據操作的強大工具——dojo.data.ItemFileWriteStore

介紹 dojo.data.ItemFileWriteStore是Dojo用來在前端操作數據的一個強大的工具。它可以和很多UI控件合作,進行數據的存儲、傳輸和表示。比如和dijit.Tree結合時,可以在前端表示樹形。最強大的是,只要操作I

原创 用dojo實現頁面控件阻塞的幾種方法

經常碰到這樣一種需求,當點擊某個按鈕向服務器發送請求時,需要將整個頁面或頁面的某些控件阻塞住,直到請求返回,才允許用戶操作。 要實現這個功能,dojo中提供了多種方法。這兒就列舉幾種出來。(dojo 1.7.3)   1 阻塞整個頁面 d

原创 Web前端開發調試的輔助工具

介紹 在開發Web應用前端時,總是免不了要在瀏覽器中進行跟蹤調試。以Firefox爲例,有很多插件,可以讓我們的工作事半功倍。 Firebug 最強大的前端開發調試工具。可以查看編輯HTML、CSS、JavaScript,查看HTTP

原创 dijit.Tree中widget和DOM node之間的切換

之前在裝扮裝扮dijit.Tree這篇文章中介紹瞭如何利用dijit.Tree提供的功能改變樹的外表。這兒繼續dijit.Tree的話題,說說dijit.Tree中widget和DOM node之間的切換。 dijit.Tree是dojo

原创 兩種CSS控制:fieldset垂直滾動和圖片文字垂直居中

1. 讓fieldset裏面出現垂直滾動條 很多情況下,當fieldset中的內容很多時,我們希望不用自動延長fieldset的高度,而是將其控制在一個固定高度上,然後用垂直滾動條來查看所有的內容。方法很簡單,只是有幾個需要注意的地方,如

原创 用D3.js進行醫療數據可視化 (一)折線圖 (Line Chart)

介紹 大概說說這個事情的前因後果吧。   去年下半年,我有機會參加了一個大型項目,在裏面參與了前端可視化組建的開發,用的library是D3.js [2]。雖然3個月後我就結束了在這個項目裏的工作,但後面斷斷續續也用D3做了一些別的實現。

原创 四兩撥千斤——Dijit Tree 拖拽(DnD, Drag & Drop)的精細控制

介紹 dijit.Tree是一款很有用的Dojo控件,用來在頁面上表示樹形數據。像Dojo其他很多控件一樣,它可以直接和後臺的數據連接,並實時顯示在頁面上。已經有很多帖子介紹如何創建樹、加入點擊事件及右鍵菜單等,這兒專門介紹dijit.T

原创 用錨點進行HTML頁面內容的跳轉

介紹 我們知道,JavaScript可以實現HTML頁面上非常豐富的事件和動作,比如說點擊工具欄某個按鈕時,顯示相應特定的內容並隱藏其他。但在有些Web應用部署的實際情況中,會禁用除了HTML之外的其他代碼,比如JavaScript和CS

原创 Dojo JavaScript實現消息滾動出現效果

介紹 這種效果說的就是類似狀態監視器一樣的應用。實時更新後臺或某個監控點的狀態消息。主要採用的技術就是定時器和滾動定位。   代碼示例 <%@ page language="java" contentType="text/html; c

原创 如臂使指——Dojo框架下讓浮動窗口跟隨鼠標而動

介紹 在web應用的很多場合,需要讓浮動窗口跟隨鼠標而動。比如這兒舉的一個例子:當用戶選中網頁上一段內容時,彈出工具條讓用戶進行標記。可以想象一下,有一個在線看書的應用,支持讀者在閱讀的時候隨時做筆記。當讀者選中一段文字時,彈出一個小工具

原创 dijit.form.TextBox的一些用法

介紹 可以說dijit.form.TextBox是最常用的一款Dojo UI控件之一。那如何能操作它呢?這兒就列舉了一些用法共參考。   HTML代碼 <!DOCTYPE html> <html> <head> <style type=