zoukankan      html  css  js  c++  java
  • angularJs实现下拉框多选

    话不多说,直接上干货。

    肯定需要下拉选插件。必须引入的是   注意 先后顺序

    select2.css
    select2-bootstrap.css
    select2.min.js
    angular.min.js
    angular-select2.js

    ok,然后只需要写上一段代码就ok,如下
    <input select2 select2-model="entity.brandIds"  config="brandList" multiple placeholder=" 选择品牌(可多选) " class="form-control">

    解释一下什么意思,

    select2-model 意思是你把选中的值都会自动放在这个变量上。放回的格式是[{"id":2,"text":"华为"},{"id":3,"text":"三星"}]
    这种,很棒有没有!!!!
    config  意思是下拉框的数据来源  必须符合格式:
    $scope.config3 = {
            data: [{id:1,text:'bug'},{id:2,text:'duplicate'},{id:3,text:'invalid'},{id:4,text:'wontfix'}]
            // 其他配置略,可以去看看内置配置中的ajax配置
        };
    multiple 意思是可以多选

    ok 大功告成
     
  • 相关阅读:
    linux 配置nginx+php-cgi
    有个故事
    2014短学期实习报告
    快速排序
    C++之共用体
    不能言传,等于不会
    java 动态绑定
    编程的理论深度
    Java 多客户端版 2048 源码
    热河看待苦难
  • 原文地址:https://www.cnblogs.com/coder-lzh/p/9096514.html
Copyright © 2011-2022 走看看