title: Tabular Suggestion for sap.m.Input in SAPUI5
body: <p>I'm trying to create a autocomplete function for a text field. My situation is that I have a Dialog using xml fragment which contains a sap.m.Input text field:</p>
  
  <pre><code>&lt;core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" displayBlock="true" controllerName="SaleHelper.controller.SimpleForm"&gt;
  &lt;Dialog id="AddOrderDialog" title="{i18n&gt;AddOrderDialog_Title}"&gt;
      &lt;buttons&gt;
          &lt;Button class="closebtn" text="{i18n&gt;close}" id="__button2" press="cancel"/&gt;
          &lt;Button text="Ok" enabled="false"/&gt;
      &lt;/buttons&gt;
      &lt;content&gt;
          &lt;Input id="_txtCustomerName" placeholder="{i18n&gt;customername}" 
          showSuggestion="true" suggest="suggest" suggestionRows="{/customerset}"&gt;
              &lt;suggestionColumns&gt;
                  &lt;Column 
                      hAlign="Begin"
                      popinDisplay="Inline"
                      demandPopin="true"&gt;
                      &lt;Label text="{i18n&gt;customername}"/&gt;
                  &lt;/Column&gt;
                  &lt;Column
                      hAlign="Center"
                      popinDisplay="Inline"
                      demandPopin="true"
                      minScreenWidth="Tablet"&gt;
                      &lt;Label text="{i18n&gt;address}"/&gt;
                  &lt;/Column&gt;
                  &lt;Column
                      hAlign="End"
                      popinDisplay="Inline"
                      demandPopin="true"&gt;
                      &lt;Label text=" {i18n&gt;phoneno}"/&gt;
                  &lt;/Column&gt;
              &lt;/suggestionColumns&gt;
              &lt;suggestionRows&gt;
                  &lt;ColumnListItem&gt;
                  &lt;cells&gt;
                      &lt;Label text="{customername}"/&gt;
                      &lt;Label text="{phoneno}"/&gt;
                      &lt;Label text="{address}"/&gt;
                  &lt;/cells&gt;
                  &lt;/ColumnListItem&gt;
              &lt;/suggestionRows&gt;
          &lt;/Input&gt;
      &lt;/content&gt;
  &lt;/Dialog&gt;
  </code></pre>
  
  <p></p>
  
  <p>In my controller, I create a model and set to the Dialog: </p>
  
  <pre><code>var dialog = this.getView().byId("AddOrderDialog");
          var dummyController = {
              suggest: function(oEvent) {
              }
          };
          if (!dialog) {
              dialog = new sap.ui.xmlfragment(this.getView().getId(), "SaleHelper.fragment.AddOrderDialog", dummyController);
              var data = {
                      "customername": "A",
                      "phoneno": "0933644118",
                      "address": "96 CT"
              };
              var AutoCompleteModel = new sap.ui.model.json.JSONModel();
              AutoCompleteModel.setData(data);
              dialog.setModel(AutoCompleteModel);
              var i18nModel = this.getView().getModel("i18n");
              dialog.setModel(i18nModel, "i18n");
          }
          dialog.open();
  </code></pre>
  
  <p>I cannot manage to setup this autocomplete function. I tried to hardcode the text in suggestionRows to hard text and remove the property <code>SuggestionRows</code> in xml fragment then it worked. But of course I need the dynamic dataset loaded from a model or sort of.</p>
  
  <pre><code>&lt;Input id="_txtCustomerName" placeholder="{i18n&gt;customername}" 
          showSuggestion="true" suggest="suggest" &gt;
  &lt;suggestionRows&gt;
              &lt;ColumnListItem&gt;
              &lt;cells&gt;
                  &lt;Label text="harded-text"/&gt;
                  &lt;Label text="harded-text"/&gt;
                  &lt;Label text="harded-text"/&gt;
              &lt;/cells&gt;
              &lt;/ColumnListItem&gt;
          &lt;/suggestionRows&gt;
  </code></pre>
  
  <p>Any help please,</p>
  
  <p>Best regards</p>