javascript - mobiScroll - 追加ボタンをクリックしたときにホイールの値をリセットする

Question

mobiscroll スクローラーに thrid 機能を追加しようとしています。まず、いくつかの説明: 「0」から「9」までの 4 つのカスタム作成ホイールがあります。ユーザーはここに 4 桁の数字を挿入できます。

標準の「キャンセル」(「Abbrechen」) と「追加」(「OK」) ボタンに加えて、スクローラー内のすべてのホイールを値「0」に設定するリセット (「Bestand」) ボタンを実装したいと考えています。この追加ボタンを追加することは問題ありませんでしたが、残念ながら、必要な機能を追加することは困難です. 必要な関数は、4 つのホイールすべての値を値「0」にリセットするだけです。これまでの私のコードに従ってください：

ホイールを初期化します....

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 日...)、すべての回答やヒントをいただければ幸いです。