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....