Bootstrap 大叔封裝的彈層

2021-09-09 02:01:05 字數 1097 閱讀 7730

回到目錄

對於bootstrap的彈層,外掛程式有很多,今天主要用的是它自帶的功能,通過bootstrap提供的模式視窗來實現的,而大叔主要對使用方法進行了封裝,開發人員可以自己動態傳入彈層的html內容,可以控制按鈕的顯示與隱藏,使用者通過mvc擴充套件方法對彈層進行生成,然後使用a標籤進行呼叫.

具體使用很簡單

@html.generatedialog("

測試",true, @

)'modal

' data-target='

#lindmodal

'>測試彈層

上面**分為兩塊,第一塊mvc擴充套件方法,主要用於在頁面上輸出彈層的**段,第二段是a標籤的呼叫,主要用於繫結上面的彈層控制項.

下面主要看一下彈層的擴充套件方法,它使用了func這個委託,用來接收前台的html**段,這對於開發人員是個福音,你不用關心如何去拼接html**了,而是直接把前台給我們的**複製過來即可.

彈層方法

#region bootstrap彈層

//////bootstrap風格的彈層

/// ///

//////

///public

static mvchtmlstring generatedialog(this htmlhelper htmlhelper, bool isbtn, funcresult)

//////

bootstrap風格的彈層

/// ///

//////

//////

public

static mvchtmlstring generatedialog(this htmlhelper htmlhelper, string title, bool isbtn, funcresult)

templete +=

@"";

return

mvchtmlstring.create(templete);

}#endregion

而執行的效果是我們可以想到的

感謝咱們的閱讀!

回到目錄

Bootstrap被封裝的彈層

對於bootstrap的彈層,外掛程式有很多,今天主要用的是它自帶的功能,通過bootstrap提供的模式視窗來實現的,而小編主要對使用方法進行了封裝,開發人員可以自己動態傳入彈層的 內容,可以控制按鈕的顯示與隱藏,使用者通過 擴充套件方法對彈層進行生成,然後使用a標籤進行呼叫 具體使用很簡單 ht...

基於bootstrap風格的彈框外掛程式

自己寫的一款基於bootstrap風格的彈框外掛程式,暫時只有確認框 提示框。後續功能擴充套件 bug修改再更新。function dialog function f uosvwv alert function params null show function type,confirmcaller...

封裝dialog彈框

doctype html html lang en head meta name viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no me...