Bootstrap被封裝的彈層

2022-10-06 20:48:26 字數 942 閱讀 6010

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

具體使用很簡單

@html.generatedialog("測試",true, @)

測試彈層

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

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

彈層方法

#region bootstrap彈層

///

/// bootstrap風格的彈層

///

///

///

///

///

public static mvchtmlstring generatedialog(this htmlhelper htmlhelper, bool isbtn, func result)

///

/// bootstrap風格的彈層

///

///

///

///

///

///

public static mvchtmlstring generatedialog(this htmlhelper htmlhelper, string title, bool isbtn, func result)

templete +=

@"";return mvchtmlstring.create(templete);

}#endregion

Bootstrap 大叔封裝的彈層

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

基於layer簡單的彈層封裝

產生長度為32的guid字串 function getguid32 else if num 10 26 else rt str ch str return rt str 根據guid刪除alert div元素 param id guid function delalertdivbyid id els...

原生JS封裝 toast 彈層,自動關閉

由於公司業務需求,要乙個公共toast 下面是自己封裝的乙個。css toast toast icon toast tipjs author liguowei date 2019 04 08 10 25 42 last modified by liguowei01 last modified tim...