Kendo dropdownlist добавить переменный элемент в источник данных - PullRequest
Новая
       24

Kendo dropdownlist добавить переменный элемент в источник данных

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

У меня есть простая вещь для заполнения источника данных в KendoDropdownList.Но я делаю что-то не так, и исследования на всевозможных форумах мне не помогли.

Я хочу заполнить kendoDropdownList автоматически годами.на данный момент 2016, 2017 и 2018, а когда мы находимся в следующем году, ему автоматически нужно добавить 2019. (без жестких кодов)

Вот мой код, который я получил до сих пор: 

<script>      

        $(document).ready(function () {
              var startYear=2016;
  var currentYear = new Date().getFullYear(), years = [];
 
	var ddl = new kendo.data.DataSource({
     
         while( startYear <= currentYear) {
         ddl.dataSource.add({
                text: startYear.toString() ,
                value: startYear.toString() 
            });
              years.push(startYear++);
        
        }
        });
          
          
        
            $("#dropdownYear").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: ddl
              });
        
              });
  
</script>
<body>
   <div class="demo-section k-content" style="padding-top:10px;padding-bottom:35px;">
                <input id="dropdownYear" />
                </div>
</body>

Вот также ссылка на додзё: https://dojo.telerik.com/ASuWAkuB

Любая помощь приветствуется.

Спасибо

1 Ответ

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

Вы должны построить данные и затем передать их как источник данных.И не добавляйте его в источник данных, а затем добавьте «HTML» в источник данных, что-то вроде этого: 

$(document).ready(function () {
          var startYear=2016;
          var currentYear = new Date().getFullYear();
          var data = [];
          while(startYear <= currentYear) {
             var newItem = {
                text: startYear.toString(),
                value: startYear.toString() 
             };
             data.push(newItem);
             startYear++;        
        }         

            $("#dropdownYear").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: data
            });
       });

Здесь вы можете найти работающее Dojo: Работающее Dojo

Приветствия

...