Hi Praveen,
Here is the working code.Hope this helps you.
Table Select Dialog Fragment Definition
<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core"> <TableSelectDialog noDataText="No Employees Found" title="Select Employee" items="{/value}"> <columns> <Column> <Text text="Person ID" /> </Column> <Column> <Text text="Age" /> </Column> <Column> <Text text="Phone" /> </Column> <Column> <Text text="City" /> </Column> <Column> <Text text="Country" /> </Column> </columns> <items> <ColumnListItem> <cells> <ObjectIdentifier title="{PersonID}" /> <Text text="{Age}" /> <Text text="{Phone}" /> <Text text="{Address/City}" /> <Text text="{Address/Country}" /> </cells> </ColumnListItem> </items> </TableSelectDialog></core:FragmentDefinition>
Controller.js
onInit: function() { var oModel = new sap.ui.model.json.JSONModel(); oModel.loadData("http://services.odata.org/V3/OData/OData.svc/PersonDetails"); sap.ui.getCore().setModel(oModel); }, onPress: function() { this._oDialog = sap.ui.xmlfragment("tableselectdialog.TableDialog", this); this._oDialog.open(); }
View.xml
<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="tableselectdialog.TableSelectDialog" xmlns:html="http://www.w3.org/1999/xhtml"> <Page title="Title"> <content> <Button press="onPress" text="Click here to open Table Select Dialog" /> </content> </Page></core:View>
Thanks,
Naga