mui picker 非級聯彈層

2021-09-01 22:56:42 字數 797 閱讀 8097

mui 提供的 picker(選擇器),預設支援了單個、多個。但對於多個,只能是 "級聯"。

專案中有需求,類似年齡段的選擇:18-30,不是級聯,所以就看了下原始碼改造了下:

找到 mui.poppicker.js,init() 函式最後,新增乙個新選項:nolink,代表 '是否非聯動'(大概:82行)

// 1.是否非聯動

self.nolink = self.options.nolink || false;

},_createpicker: function() ;

var preitem = eventdata.item || {};

nextpickerelement.picker.setitems(preitem.children);

}}, false);}},

//填充資料

setdata: function(data)

}else

},修改共 3 處,上面都有標註。

使用: 1.非級聯資料格式(有幾個滑動列表,就傳遞乙個包含幾個列表的陣列,陣列中的每個列表,也是乙個由物件組成的陣列):

var nolinkdata = [[

, , ...

],[, , ...

]];2.例項化時,傳遞 nolink 為 true

var picker = new $.poppicker();

picker.setdata(nolinkdata);

缺點: 改動了 mui 的原始碼,如果要更新原始碼,得實時記得重新新增這個改動!!!

layui彈層使用

layer.confirm 是否要刪除資訊 function index,layero layer.closeall 瘋狂模式,關閉所有層 layer.closeall dialog 關閉資訊框 layer.closeall page 關閉所有頁面層 layer.closeall iframe 關閉...

Bootstrap 大叔封裝的彈層

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

遮罩層 彈框 頁面滾動

第一種情況比較簡單,彈框和頁面都不可滾動 mask boxvar obtn document.getelementbyid btn omask document.getelementbyid mask obox document.getelementbyid box oclose document....