[導讀] 1、功能簡介:點擊業務介面的TimelineButton之後進入Timeline的主頁面;主頁面融合了TimeElapsed的技術框架,並且引入了Timeline的infobox進行介面展示,豐富了頁面效果,用HTML取代了原有Silverlight的實現方
1、功能Time:點擊業務介面的TimelineButtoninfoline發布的主頁面; ,豐富了頁面效果,用HTML取代了原有Silverlight的實現方式,界面感強,能夠進行Drag和Resize,不同的顏色代表不同的事件類型,點擊More可以顯示更加詳細的信息,點擊Link可以鏈接到對應Event的Summary頁面,事件有覆蓋的地方,可以上下拖曳查看,程式載入過程會自動初始化適當的Infobox位置。2、設計與實現:整個頁面是純HTML實現的,主體拖曳和縮放的演算法和位置的計算等等都是自主研發的,Dialog是jQuery UI的Dialog,右上角的工具條是Ext的Toolbar;Silder也是用的jQuery UI的Draggable和Resizable實現的。
3、Dialog設計理念:在彈出的Dialog中實現,免去了與主頁面的接邊的處理,也免去了滾動條的問題【頁面滾輪事件與Timeline的滾輪縮放有衝突】,便於與其他項目的融合。
以上是新版Timeline的介面展示的詳細內容。更多資訊請關注PHP中文網其他相關文章!