webos - webosに動的に値を設定する方法IntegerPicker

Question

integerpickerに動的に値を設定するにはどうすればよいですか？

Answer 1

まず、HTMLシーンにインターピッカーを挿入します。

<div x-mojo-element="IntegerPicker" id="integerpickerId" class="integerpickerClass" name="integerpickerName"></div>

次に、セットアップ関数のScene-assistant.jsファイルでピッカーをインスタンス化します。

MainSceneAssistant.prototype.setup = function() {

    this.controller.setupWidget("integerpickerId",
             this.attributes = {
                 label: 'Number',
                 modelProperty: 'value',
                 min: 0,
                 max: 20

             },
             this.integerPickerModel = {
                 value: 5
             });}

モデルを設定することにより、ピッカーを動的に変更できます。

this.integerPickerModel.value = 10;
this.controller.modelChanged(this.integerPickerModel, this);

これは、ピッカーやテキストフィールドなど、webosのほとんどのウィジェットで機能します。