' format no matches' works with json but not ajax data

' format no matches' works with json but not ajax data

Hi

If my select2 is populated with json and no matches are found works with format no matches. However if I my data is populated by ajax I am not notified in any way that no matches are found. There is nothing I can hook into to take appropriate action

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <link href="js/select2.css" rel="stylesheet"/>
  5.         <meta charset="UTF-8">
  6.         <title>Select2 tests</title>
  7.     </head>
  8.     <body>
  9.         <script src="js/jquery-1.11.1.min.js"></script>
  10.         <script src="js/select2.js"></script>
  11.         <label>Select2 with prepopulated data  (e2)  </label>  
  12.         <input type="hidden" name="optionvalue" id="e2" class="input-xlarge" data-placeholder="Choose An Option.." />  
  13.         <br/>
  14.         <label>Select2 with Ajax data  (e3)   </label>  
  15.         <input type="hidden" name="optionvalue" id="e3" class="input-xlarge" data-placeholder="Choose An Option.." />  
  16.         <br/>

  18.         <script>
  19.                    var a = [{"id": "15", "text": "arc"}, {"id": "18", "text": "cat"}, {"id": "12", "text": "con"}];
  20.             $('#e2').select2({
  21.                 data: a,
  22.                 formatNoMatches: function (term) {
  23.                     alert("No Matches in E2 box");
  24.                 },
  25.             });
  26.             $('#e3').select2({
  27.                 // minimumInputLength: 2,
  28.                 // tags:true,
  29.                 // multiple: true,
  30.                 formatNoMatches: function (term) {
  31.                     alert("No Matches E3 box");
  32.                 },
  33.                 ajax: {
  34.                     url: 'functions.php',
  35.                     dataType: 'json',
  36.                     data: function (term, page) {
  37.                         return {
  38.                             q: term
  39.                         };
  40.                     },
  41.                     results: function (data, page) {
  42.                         return {results: data};
  43.                     }
  44.                 },
  45.             });
  46.            
  47.         </script>
  48.     </body>
  49. </html>
In the e3 select2 the alter box is never shown indicating the function is never called so I cannot respond when there are no matches

Many thanks