mobiScroll - Сбросить значение колес при нажатии дополнительной кнопки

Question

Я пытаюсь добавить функцию thrid в скроллер для раскрутки. Прежде всего, некоторые объяснения: у меня есть 4 настраиваемых колеса от «0» до «9». Пользователь может вставить здесь 4-значное число.

Кроме стандартной «отмены» («Аббречен») и кнопки «Добавить» («ОК») я хочу реализовать кнопку сброса («Лучшее»), которая устанавливает все колеса в скроллере в значение "0". Добавление этой дополнительной кнопки не было проблемой, но, к сожалению, добавить к ней желаемую функциональность. Требуемая функция просто должна сбросить значение всех 4 колес до значения «0». После моего кода до сих пор:

INIT колес ....

var whl1 = {'1':'1', 
     '2':'2', 
     '3':'3', 
     '4':'4', 
     '5':'5', 
     '6':'6', 
     '7':'7', 
     '8':'8', 
     '9':'9', 
     '0':'0'}; 

var whl2 = {'1':'1', 
     '2':'2', 
     '3':'3', 
     '4':'4', 
     '5':'5', 
     '6':'6', 
     '7':'7', 
     '8':'8', 
     '9':'9', 
     '0':'0'}; 

var whl3 = {'1':'1', 
     '2':'2', 
     '3':'3', 
     '4':'4', 
     '5':'5', 
     '6':'6', 
     '7':'7', 
     '8':'8', 
     '9':'9', 
     '0':'0'}; 

var whl4 = {'1':'1', 
     '2':'2', 
     '3':'3', 
     '4':'4', 
     '5':'5', 
     '6':'6', 
     '7':'7', 
     '8':'8', 
     '9':'9', 
     '0':'0'}; 

var wheel = [{},{},{},{}]; 
wheel[0]['1000er'] = whl1; 
wheel[1]['100er'] = whl2; 
wheel[2]['10er'] = whl3; 
wheel[3]['1er'] = whl4; 

инициализации скроллера .... (в пределах цикла) .......

$('#' + i +'').scroller({ 
    display: 'modal', 
    mode: 'clickpick', 
    lang : 'de', 
    headerText: function(value) { 
     //Some Stuff in here 
     }, 
    button3Text: "Bestand", 
    button3: function(){ 
     // this function doesn't work................ 
     $('#' + i +'').mobiscroll('setValue', ['0', '0', '0', '0']); 
    }, 
    formatResult: function(data) { 
    // some other stuff in here 
     }, 
    onSelect: function(valueText, inst) { 
    // some other stuff, too 
    }, 
    wheels: wheel, 
    height: 40 
    }); 

Я пробовал много способов реализовать функциональность, но ничего не сработало ... У кого-нибудь есть идея, как я могу исправить эту проблему? Потому что я уже потерял много времени, исправляя эту проблему (2 полных дня ...), я был бы очень благодарен за каждый ответ или небольшой намек ...... Спасибо заранее и у меня хорошая неделя!

Answer 1

Я думаю, что внутри функции button3 значение i всегда одно и то же, не помню, какое значение оно имело внутри цикла.

Вы можете попробовать перебрать элементы с JQuery, как это:

HTML:

<input id="t1" class="mobiscroll" /> 
<input id="t2" class="mobiscroll" /> 
<!-- .... --> 

Javascript:

$('.mobiscroll').each(function() { 
    var that = $(this); 

    that.mobiscroll({ 
     display: 'modal', 
     mode: 'clickpick', 
     lang : 'de', 
     headerText: function(value) { 
      //Some Stuff in here 
     }, 
     button3Text: "Bestand", 
     button3: function(){ 
      // this function doesn't work................ 
      that.mobiscroll('setValue', ['0', '0', '0', '0']); 
     }, 
     onSelect: function(valueText, inst) { 
      // some other stuff, too 
     }, 
     wheels: wheel, 
     height: 40 
    }); 
});