入力フィールドのようなラジオボタンのodataの値を設定する方法

Question

私は今フォームを作成しています。一行で私はイエスかノーだけで答える必要があります。コードは今、この

<Label text="Billable" 
 
\t labelFor="flag"/> 
 
<Input value="{appointments>flag}" 
 
\t id="flag" 
 
\t placeholder="set a flag in true or false"/>

と私はyesまたはnoでラジオボタンを必要とするように見えます。私はラジオボタンを書き込もうとしているが、それは

<Label text="Billable" /> 
 
<VBox binding="{appointments>flag}"> 
 
\t <RadioButton text="true"/> 
 
\t <RadioButton text="false"/> 
 
</VBox>

のRadioButtonが許可されていない値プロパティを動作しません。上記のように、inputfieldのようなODatamodelのradioButtonから{appointments> flag}に値を設定するにはどうすればよいですか？

Answer 1

RadioButtonGroupはモデルからラジオボタンを設定する場合は、selectedIndexプロパティを使用することができます。あなたのケースでは

<RadioButtonGroup columns="3" width="500px" selectedIndex="{appointments>flag}"> 
     <buttons> 
      <RadioButton text="true"/> 
      <RadioButton text="false"/> 
     </buttons> 
</RadioButtonGroup> 

、selectedIndexのは、あなたがモデルと制御データバインディングを使用してみてください0または1、0真であり、かつ1偽であること

Answer 2

のいずれかでなければなりません。

<RadioButtonGroup columns="3" width="500px" selectedIndex="{/flag}" buttons="{/buttons}" select="radioSelectionHandler"> 
      <buttons> 
       <RadioButton text="{label}"/> 
      </buttons> 
     </RadioButtonGroup> 

あなたのコントローラは、私はあなたが表示テキストを使用するのではなく、コントローラに他のチェック場合における使用のキープロパティを追加しました。この

onInit: function() { 
    var radioButtons = { 
     "buttons":[ 
         { 
          "key" : "true", 
          "label" : "True" 
         }, 
         { 
          "key" : "false", 
          "label" : "False" 
         } 
        ] , 

    }  

    this.getView().setModel(new sap.ui.model.json.JSONModel(radioButtons)); 
}, 

radioSelectionHandler : function(event){ 
    var flag = this.getView().getModel().oData.flag; 
    sap.m.MessageToast.show(this.getView().getModel().oData.buttons[flag].key); 
} 

ようなものになることができます。 これが役立つことを願っています！