2014-01-23 2 views
3

Я ищу список выпадающего списка asp.net mvc, который может добавлять записи, если прокрутка прокрутки прокручивается. Я совершенно новичок в этой области. Может ли кто-нибудь посоветовать мне о том, как реализовать этот или любой код многократного использования, напримерAsp.net mvc dropdownlist добавить элементы на прокрутку

Событие прокрутки принимает контроллер, получает записи и добавляет к выпадающему последнему элементу. Я думаю, что любое предложение может заставить меня понять, как иметь дело с кодом логики

Here is what I tried to append to dropdown

<select> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
    <option>7</option> 
    <option>8</option> 
    <option>9</option> 
    <option>10</option> 
    <option>11</option> 
</select> 

ответ

8

Jquery код

Ниже приведен код для использования Ajax вызова к контроллеру и получить записи затем связываются в с раскрывающимся

var mySelect = $('#mySelect'); 
var sIndex = 11, offSet = 10, isPreviousEventComplete = true, isDataAvailable = true; 

    mySelect.scroll(function (e) { 
    if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight) 
    { 
     var scrollto=$(this).scrollTop(); 
     if (isPreviousEventComplete && isDataAvailable) {  
      isPreviousEventComplete = false; 
     $(".LoaderImage").css("display", "block"); 

     $.ajax({ 
      type: "GET", 
      url: 'Your url', 
      success: function (result) { 
        $.each(result, function(val, text) {    
    mySelect.append(
     $('<option></option>').val(val).html(text) 
    ); 
     }); 
      mySelect.scrollTop(scrollto); 

      isPreviousEventComplete = true; 

      if (result == '') //When data is not available 
       isDataAvailable = false; 

      $(".LoaderImage").css("display", "none"); 
      }, 
      error: function (error) { 
       alert(error); 
      } 
     }); 


     } 
       } 
    }); 

Нажмите Демо Ссылку http://jsfiddle.net/sethuramanP/4pmKf/3/ примера для добавления статических данных в раскрывающемся всякий раз, когда прокрутки приходит конец

+0

Я пытаюсь показать выпадающий список как настоящий выпадающий список, а не как список с размером 5. У нас есть какая-нибудь работа? – Kurkula

2

Вы также можете попробовать этот JQuery Select, который будет поддерживать бесконечную прокрутку результатов.

Смежные вопросы