如何在 select2 上调用"if no search result"?



美好的一天,

如何在Select2上调用"无搜索结果"?例如,我想将事件侦听器添加到我的Select2文本框中,但只有在找不到结果时?

这是我的JS代码:

$("#textBoxId").select2({
    placeholder: 'Select a product',
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    dropdownClass: 'bigdrop',
    escapeMarkup: function(m) { return m; },
    formatNoMatches: function( term ) {
    return "<li class='select2-no-results'>"+"No results found.<button class='btn btn-success pull-right btn-xs' onClick='modal()'>Add New Item</button></li>";
    },
    minimumInputLength:1,
    ajax: {
        url: '/api/productSearch',
        dataType: 'json',
        data: function(term, page) {
            return {
                q: term
            };  
        },  
        results: function(data, page) {
            return {results:data};
        }   
    }   
});

我尝试添加:

formatNoMatches: function( term ) {
      $('.select2-input').on('keyup', function(e) {
         if(e.keyCode === 13) 
           {
            $("#modalAdd").modal();
           }
      });
    return "<li class='select2-no-results'>"+"No results found.<button class='btn btn-success pull-right btn-xs' onClick='modal()'>Add New Item</button></li>";
    },

它可以使用,即在我按" Enter键"时显示的模式显示,但是即使我不搜索任何内容,当我按Enter键时,模态仍然显示。

我想达到的是,当没有找到"结果"时,我可以通过按" Enter"键而不是单击链接来打开我的模态表单,以便打开模态。谢谢。非常有帮助!祝您有美好的一天!

通过搜索我提出的一些替代方案,一旦将模式称为我的代码,我就可以解开"键入侦听器"事件:

    formatNoMatches: function( term ) {
      var flag = 1;
      $('.select2-input').on('keyup', function(e) {
         if(e.keyCode === 13) 
           {
            $("#modalAdd").modal();
            $(".select2-input").unbind( "keyup" );
           }
      });
    return "<li class='select2-no-results'>"+"No results found.<button class='btn btn-success pull-right btn-xs' onClick='modal()'>Add New Item</button></li>";
    }

processResults: function(data, page)替换 result: function(data, page)它的工作

最新更新