select2组件在layer,bootstrap弹出层中使用需要注意z-index问题

dropdownParent: $("#selectCompany-box"), //指定其父元素可避免z-index小于layer
例:

$('#selectCompany').select2({
  placeholder: {
    id: -1,
    text: '输入公司名称',
  },
  allowClear: true,
  minimumInputLength: 2,
  closeOnSelect: true,
  language: 'zh-CN',
  dropdownParent: $("#selectCompany-box"), //指定其父元素可避免z-index小于layer
  ajax: {
    delay: 250,
    transport: function (params, success, failure) {
      var n = params.data.term;
      utils.searchCompany(n, function (data) {
        success(data.data.companies);
      });
    },
    processResults: function (data) {
      var d = [];
      $(data).each(function (i, e) {
        d.push({ id: e.id, text: e.name });
      });
      return { results: d };
    },
  },
});
$('#selectCompany').on('change', function (evt) {
  selectCompanyVM.company = $('#selectCompany').select2('val');
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值