title: input box not updating when checkbox is selected sapiu5
body: <p>I created a table in Web IDE that has a checkbox and input box that by default shows "100%" when checkbox is selected. It was working before I added data from a json but now that I made the column list item a template taking in data from the json on some of the columns, the input box does not fill in when selecting checkbox. </p>
  
  <p>What shows up now:
  <a href="https://i.stack.imgur.com/yBrZP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yBrZP.png" alt="lastest result"></a></p>
  
  <p>What I want to show up:
  <a href="https://i.stack.imgur.com/3q75Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3q75Q.png" alt="enter image description here"></a></p>
  
  <p>If I use something like message box, it does the correct output when selecting checkbox.</p>
  
  <pre><code>sap.m.MessageBox.alert("100%")
  sap.m.MessageBox.alert("0%")
  </code></pre>
  
  <p>I binded the event to the checkbox under select.
  This is the code for the checkbox.</p>
  
  <pre><code>    percentCheck: function(oEvent) {
          //inputText is the input Text box  
          var inputText = this.getView().byId("inputPercent");
          var isSelected = oEvent.getParameter("selected");
  
          if (isSelected) {
              inputText.setValue("100%");
          } else {
              inputText.setValue("");
          }
      }
  </code></pre>