[發明專利]一種基于Bootstrap的動態對話框的實現方法

在審

• 申請號: 201811079031.5
• 申請日: 2018-09-17
• 公開（公告）號: CN110908654A
• 公開（公告）日: 2020-03-24
• 發明（設計）人: 陳林;張來卿;龐嚴冬
• 申請（專利權）人: 珠海橫琴盛達兆業科技投資有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/445
• 代理公司: 暫無信息
• 代理人: 暫無信息

1.一種無限層級顯示并能直接提交表單的對話框的實現方法，其特征在于：一、在項目中引入所需腳本與樣式并創建腳本工具類；二、創建對話框調用方法；三、在方法體中獲取當前對象，定義層級索引并初始化；四、判斷對象中modeId是否存在，不存在則創建；五、定義按鈕及事件；六、定義擴展選項；七、在打開事件中計算層級索引及拼裝按鈕顯示內容；八、在關閉事件中銷毀對象；九、綁定擴展選項到modeId上，還原層級索引值；從而本發明解決了網頁對話框彈出相互沖突、不能重復利用且不能直接提交表單的問題。

2.根據權利要求1所述的基于Bootstrap平臺的一種無限層級顯示并能直接提交表單的對話框的實現方法，其特征在于：對話框中的常見內容及提交事件在擴展選項中都進行了封裝，自動計算彈出框之間的層級關系；所述的方法具體包括如下步驟：

步驟一、在項目中引入所需腳本與樣式并創建腳本工具類，所述主要腳本與樣式有jquery.js與jquery.css，bootstrap.js與boostrap.css；

步驟二、創建對話框調用方法，所需參數有提交表單的Url、彈窗標題、回調函數等信息，其它可自行擴展；

步驟三、在方法體中獲取當前對象，定義層級索引并初始化；

步驟四、判斷對象中modeId是否存在，如果存在，根據對象取得；不存在則按時間值進行創建生成，并將其置于modalDiv中的id中，而modalDiv則附加到body對象中，最后把modeId添加到當前的對象中；

步驟五、定義按鈕及事件，所述的事件主要是進行表單驗證，根據ajax提交表單以及返回的結果處理等;

步驟六、定義擴展選項，所述的擴展選項基本屬性有標題、窗口顏色、寬度、關閉按鈕等，所述的擴展選項事件有正在打開、已打開及關閉等；

步驟七、在選項中的onOpening中計算層級索引及拼裝按鈕顯示內容；

步驟八、在onClosed方法中銷毀對象；

步驟九、最后綁定擴展選項到modeId上，并還原層級索引值。