Table - RadioButton

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8">
        <title>Table</title>
        <script id="sap-ui-bootstrap" 
                type="text/javascript"
                src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
                data-sap-ui-theme="sap_bluecrystal"
                data-sap-ui-libs="sap.m"
                data-sap-ui-xx-bindingSyntax="complex">
        </script>
<style type="text/css">
  #__xmlview0--oPage-intHeader{
      box-shadow: 0 1px 10px rgba(0,0,0,0.1);
      background: linear-gradient(#fff,rgba(240,240,240,0.9));
      border-bottom: 1px solid #d4d4d4;
      z-index: 1010;
      transition: top .4s;
  }
</style>

<!-- XML-based view definition -->
<script id="oView" type="sapui5/xmlview">
<mvc:View
  controllerName="myView.Template"
  xmlns:core="sap.ui.core"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m"
  class="viewPadding">
<App>
 <pages>
 <Page id="oPage" title="Products Page" class="marginBoxContent">
 <content>
 <VBox>
 <Table id="idProductsTable" items="{/}">
  <columns>
  <Column>
    <Label text="Product" />
  </Column>
  <Column>
    <Label text="Weight" />
  </Column>
    <Column>
    <Label text="Decision" />
  </Column>
  </columns>
  <items>
   <ColumnListItem>
   <cells>
	   <Text  text="{Product}" />
	   <Text text="{Weight}" />
      <RadioButtonGroup columns="3" selectedIndex="3" select="onRadioSelect">  
	<RadioButton text="Yes" /> 
	<RadioButton text="No" /> 
	<RadioButton text="May Be" /> 	
	</RadioButtonGroup>  
   </cells>
   </ColumnListItem>
  </items>
 </Table>
 <Button text="Check Model" type="Emphasized" press="onPress" />
 </VBox>
 </content>
 </Page>
 </pages>
</App>
</mvc:View>
</script>

<script>
// Controller definition
sap.ui.define([
    'jquery.sap.global',
    'sap/ui/core/mvc/Controller',
    'sap/ui/model/Filter',
    'sap/ui/model/json/JSONModel'
  ], function(jQuery, Controller, Filter, JSONModel) {
  "use strict";

  var TableController = Controller.extend("myView.Template", {

    onInit : function (oEvent) {
      var dataObject = [
        {Product: "Power Projector 4713", Weight: "1467"},
        {Product: "Gladiator MX", Weight: "321"},
        {Product: "Hurricane GX", Weight: "588"},
        {Product: "Webcam", Weight: "700"}]; 
      var oModel = new sap.ui.model.json.JSONModel();
      oModel.setData(dataObject);
    sap.ui.getCore().setModel(oModel);
    },

    onSelectionChange: function(oEvent){
      var oSelectedItem = oEvent.getParameter("listItem");
      var oModel = oSelectedItem.getBindingContext().getObject();
      alert(JSON.stringify(oModel));
    },
	
	onRadioSelect: function(oEvent){
	var oSelectedIndex = oEvent.getParameter("selectedIndex");  
    var oRadioButtons = oEvent.getSource().getAggregation("buttons");  
    var oSelectedRadio = oRadioButtons[oSelectedIndex].getText();
	var oSelectedItem = oEvent.getSource().getParent();
	var oModel = oSelectedItem.getBindingContext().getObject();
	oModel.Decision = oSelectedRadio;
	alert(JSON.stringify(oModel));
	},
	
	onPress: function(){
	var oModel = sap.ui.getCore().getModel().getProperty("/");
	alert(JSON.stringify(oModel));
	}

  });

  return TableController;

});

// Instantiate the View and display
var oView = sap.ui.xmlview({
      viewContent: jQuery('#oView').html()
});
            
oView.placeAt('content');
</script>
    </head>
    <body class="sapUiBody" role="application">
        <div id="content"></div>
    </body>
</html>

// Code goes here

/* Styles go here */