ace admin 下拉選擇Multiple-select組件


一、組件說明以及API

1、第一個組件是寫bootstrap table的主人公 wenzhixin 封裝的一個組件—— multiple-select。這個組件風格簡單、文檔全、功能強大。但是覺得它選中的效果不太好。關於它的效果展示,我們放在后面。還是給出對應的文檔API。

Multiple-Select源碼主頁: https://github.com/wenzhixin/multiple-select

Multiple-Select文檔以及Demo: http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN

2、第二個組件也是在github上面找的—— bootstrap-multiselect 。這個組件風格和第一個非常相似,文檔也挺全面。

bootstrap-multiselect源碼主頁: https://github.com/davidstutz/bootstrap-multiselect

bootstrap-multiselect文檔以及Demo: http://davidstutz.github.io/bootstrap-multiselect/

 

<head>
    <link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
    <select multiple="multiple">
        <option value="1">abc</option>
        ...
        <option value="31">789</option>
    </select>
    <script src="multiple-select.js"></script>
    <script>
        $("select").multipleSelect({
            filter: true
        });
    </script>
</body>

 

http://www.cnblogs.com/landeanfen/p/5013452.html?utm_source=tuicool&utm_medium=referral

http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN

https://github.com/wenzhixin/multiple-select

http://loudev.com/


免責聲明!

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



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