MUI封裝的選擇器調用


MUI框架封裝一個原生選擇器,還挺好用的,效果如下:

 

利用這個首先要導入兩個js和兩個css

mui.picker.js    mui.poppicker.js     mui.picker.css    mui.poppicker.css

這四個文件是封裝好的樣式以及js。

picker是選擇列表插件,poppicker是彈出列表插件

具體使用如下:

//客戶渠道選擇
  var xxxxx = document.getElementById("xxxxx");
   xxxxxx.addEventListener("tap", function() {
      var roadPick = new mui.PopPicker();//獲取彈出列表組建,假如是二聯則在括號里面加入{layer:2}
                roadPick.setData([{//設置彈出列表的信息,假如是二聯,還需要一個children屬性
                    value: "1",
                    text: "直銷"
                }, {
                    value: "2",
                    text: "傳統壽銷養"
                }]);
       roadPick.show(function(item) {//彈出列表並在里面寫業務代碼
                    
                });
            });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM