select2其他应用

1.select2提供了多种语言的支持实现国际化,默认select2为英文。

a.导入语言文件

/select2/i18n/zh-CN.js

注意该文件需要引入在select2.js文件的后面

b.配置语言选项,添加language参数

 $("#example").select2({
  language: "zh-CN", 
 });

2.select2支持bootstrap主题

  a.下载bootstrap主题文件,下面的附件中已经包含了该主题样式文件。

   b.引用主题

    $("#example").select2({
         theme: "bootstrap", 
     });

3.bootstrap的模态窗口中使用select2控件

 bootstrap dialog中使用select2,当在页面加载完的时候去加载select2控件,那么在dialog弹出窗口时,select2会失效。
dialog中使用select2,需要在dialog中的shown函数中加载select2控件
  shown.bs.modal是dialog 展现的时候触发事件。
  $("#testdialog").on('shown.bs.modal',function (e){
     $("#example").select2(

        {dropdownParent:$("#testdialog")}

      );
  }).modal('toggle');

注意:需要设置dropdownParent这个属性,不然dialog中的select无法正常选择下拉框的值。

猜你喜欢

转载自liuwuhen.iteye.com/blog/2341162
今日推荐