Aggregation binding content display problem in Dialog

[#1]

Hi Experts,

My requirement is as shown below,

I am trying this way but text beside the radio button is not being displayed,

  I am using below code:

  var dialog = new Dialog({

  title: "Available Timings",

  contentWidth: "550px",

  contentHeight: "300px",

  content: new sap.m.RadioButton({

  items: {

  path: "/timings",

  template:

  new StandardListItem({

  title: "{slot1}"

  })

  }

  })

  });

Data file:

{

  "timings": [{

  "slot1": "11:30 AM to 12:30 PM",

  "slot2": "02:30 PM TO 03:30 PM"

  }, {

  "slot1": "10:30 AM to 12:30 PM",

  "slot2": "03:30 PM TO 05:30 PM"

  }]

}

Output :

If I use List in place of RadioButton (as shown below), only List data appears but without radio button. I need both to  be displayed.

var dialog = new Dialog({

  title: "Available Timings",

  contentWidth: "550px",

  contentHeight: "300px",

  content: new List({

  items: {

  path: "/timings",

  template:

  new StandardListItem({

  title: "{slot1}"

  })

  }

  })

  });

Please correct me.

[saivellanki · Accepted solution]

Hi Venkatesh,

If you want to use RadioButtonGroup, will this sample help? JS Bin - Collaborative JavaScript Debugging

If you want to use List, just set the List 'mode' property to 'SingleSelect' where you can see the radio button for selection.

Regards,

Sai Vellanki.

[Venkatesh_Machineni · Accepted solution]

Thank you,Sai. It worked for me.,