sap.m.table element binding

 View1.view.xml

<mvc:View controllerName="real.controller.View1"

    xmlns:mvc="sap.ui.core.mvc" displayBlock="true"

     xmlns:f="sap.ui.layout.form"

    xmlns="sap.m">

    <Page id="page" title="{i18n>title}">

        <content>

                      <Table items="{crud>/}"  id="abc" selectionChange="onSelectionChange" mode="SingleSelectLeft"   includeItemInSelection="true">

        <columns>

            <Column>

                <Text text="ID"></Text>

            </Column>

            <Column>

                <Text text="Name"></Text>

            </Column>

            <Column minScreenWidth="Tablet">

                <Text text="City"></Text>

            </Column>

           

        </columns>

        <items>

            <ColumnListItem >

                <cells>

                    <Text text="{crud>ID}"></Text>

                    <Input value="{crud>Name}"></Input>

                    <Text text="{crud>Address/City}"></Text>

                   

                </cells>

            </ColumnListItem>

        </items>

    </Table>  

   

<f:SimpleForm id="SimpleFormDisplay354" editable="true">

  <f:content>

    <Label text="ID" />

    <Input value="{selectedRow>/ID}" width="20%" /> <!-- Bind to "ID" property in the "selectedRow" model -->

    <Label text="Name" width="20%" />

    <Input value="{selectedRow>/Name}" width="20%" /> <!-- Bind to "Name" property in the "selectedRow" model -->

    <Label text="City" />

    <Input value="{selectedRow>/Address/City}" width="20%" /> <!-- Bind to "City" property in the "selectedRow" model -->

  </f:content>

</f:SimpleForm>

                    </content>

    </Page>

</mvc:View>

View1.controller.js

sap.ui.define([

    "sap/ui/core/mvc/Controller",

    "sap/ui/model/json/JSONModel"

],

    /**

     * @param {typeof sap.ui.core.mvc.Controller} Controller

     */

    function (Controller,JSONModel) {

        "use strict";

        return Controller.extend("real.controller.View1", {

            onInit: function () {

                var data =this.getOwnerComponent().getModel();

                var json = new JSONModel();

                     var oThis=this;

                     data.read("/Suppliers",{

                        success: function (oData){

                     

                        json.setData(oData.results);

                        oThis.getView().byId("abc").setModel(json, "crud");

                         },

                         error: function (oData) {

   

                         },

                       

                       

   

                    });

                },

             

onSelectionChange: function(oEvent) {

    var oTable = oEvent.getSource(); // Get the table control

    var aSelectedItems = oTable.getSelectedItems(); // Get the selected items

 

    var oSelectedData;

    if (aSelectedItems.length > 0) {

      oSelectedData = aSelectedItems[0].getBindingContext("crud").getObject();

     

    }

 

    var oForm = this.getView().byId("SimpleFormDisplay354"); // Get the form control by its ID

    oForm.setModel(new sap.ui.model.json.JSONModel(oSelectedData), "selectedRow"); // Set the selected row data as a new model for the form

  }

 

 

                 

         

                });

            })