проблема select2 в режиме, совместимом с IE IE = EmulateIE7 - PullRequest
Новая
       10

проблема select2 в режиме, совместимом с IE IE = EmulateIE7

0 голосов
/ 29 ноября 2018

Здравствуйте, все, что я использовал элемент управления select2 согласно одному из моих требований, все работает нормально, но когда у меня есть метатег, как показано ниже, я не могу заставить это работать в IE 

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

Воткод, который я пытаюсь в моем приложении asp.net 

function mockData1() {
  var dict = [];
  var buttonarray = {
    "0": "xpumk",
    "1": "cguje",
    "2": "frinr",
    "3": "gezjp",
    "4": "sqjvw",
    "5": "xstra",
    "6": "ecadf",
    "7": "uyzet",
    "8": "nqbvs",
    "9": "dckkp",
    "10": "vqyzu",
    "11": "gfyqn",
    "12": "jncjz",
    "13": "crfiw",
    "14": "ievpb",
    "15": "bpncs",
    "16": "uhibe",
    "17": "oeajy",
    "18": "ozjrj",
    "19": "aoswq",
    "20": "mxbnh",
    "21": "quixs",
    "22": "rswys",
    "23": "beael",
    "24": "yqvki",
    "25": "ivdgb",
    "26": "nwrmg",
    "27": "xgvun",
    "28": "tvdqg",
    "29": "wdlzh"
  };

  for (var key in buttonarray) {
    dict.push({
      id: key,
      text: buttonarray[key]
    });
  }
  return dict;
}

$('#ddlLag1').select2({
  width: '50%',
  data: mockData1(),
  //placeholder: 'search',
  multiple: false,
  // query with pagination
  query: function(q) {
    var pageSize,
      results,
      that = this;
    pageSize = 20; // or whatever pagesize
    results = [];
    if (q.term && q.term !== '') {
      // HEADS UP; for the _.filter function i use underscore (actually lo-dash) here
      results = _.filter(that.data, function(e) {
        if (e.text != undefined) {
          return e.text.indexOf(q.term) >= 0;
        }
      });
    } else if (q.term === '' || q.term === undefined) {
      results = that.data;
    }
    q.callback({
      results: results.slice((q.page - 1) * pageSize, q.page * pageSize),
      more: results.length >= q.page * pageSize,
    });
  },
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.js"></script>
<input type='text' id='ddlLag1' Width="100%" />

Так как же заставить работать то же самое в IE в выбранном совместимом режиме.Если нет, есть ли альтернативный способ сделать это

...