基於Ext實現的資訊提示元件

2021-08-22 18:35:44 字數 775 閱讀 2639

這個元件其實很簡單,以前有純js寫過,不過當時做的比較簡單,只是乙個顯示然後是自動漸隱消失,這次用ext實現了一下,**有了些減少,而且功能上也改善了一點,增加「標題設定」和「關閉按鈕」的功能。

功能簡介:

1、自定義顯示內容和顯示標題。

2、可配置消失時間,如n秒後自動漸隱消失,或者永遠不消失(通過關閉按鈕關閉)。

3、可配置顯示位置:支援絕對定位畫素設定、百分比設定,及top,left,right,bottom四個特殊位置引數的設定。

4、通過四個特殊位置引數設定後當頁面滾動時永遠保持在瀏覽器的特定位置,如top,left不不論如何滾動滾動條都會懸浮在左上角。

5、支援自定義外觀,完全的樣式與實現分離。

使用簡介:

函式:showtip(message,x,y,delay,title)

必選引數message:訊息內容

可選引數x/y 顯示訊息框的座標,預設為左上角,引數x可配置為數字、left和right或百分比,y可配置為數字、top或bottom或百分比。

可選引數delay:延遲多長時間消失,-1為永不消失,單位為秒

可選引數title:設定pop提示的標題,如果不設定則不顯示標題

#show_feedback

#show_feedback_message

#show_feedback_menubar

#show_feedback_title

#show_feedback_closeimg

實現載入提示元件

在開發時經常需要用到載入提示,例如發起乙個xhr請求時就需要給予使用者乙個互動的反饋,實現乙個載入提示元件,重要的部分已經做出注釋。loading 文字僅作為測試遮罩效果用 文字僅作為測試遮罩效果用 文字僅作為測試遮罩效果用 文字僅作為測試遮罩效果用 文字僅作為測試遮罩效果用 文字僅作為測試遮罩效果...

EXT元件的配置屬性

在extjs 中,除了一些特殊的元件或類以外,所有的元件在初始化的時候都可以在構造 函式使用乙個包含屬性名稱及值的物件,該物件中的資訊也就是指元件的配置屬性。比如配置乙個面板 new ext.panel 再比如建立乙個按鈕 var b new ext.button 再比如建立乙個viewport 及...

Ext的元件模型印象

元件模型在ext1.x中已經引入了,但在框架中並沒有得到全面的整合。2.0以後元件得到了很大的提高和改進,成為了框架的裡最基礎的乙個類。元件物件模型為元件的建立 渲染 事件處理 狀態管理和銷毀提供了統一的模型。ext內建的元件都具備以上這些特徵。元件模型的統一主要是基於oo物件模型的,oo模型提供了...