how can i set the row default select?

[Former Member]

Hi All,

I want to know,while run the app, how can i set the first row default select..I have done for desktop app through setSelectedIndex(0); method..for mobile how can i set? for example we'll take example JS Bin - Collaborative JavaScript Debugging in that app how can i set the first row default select..

Thanks & Regards,

Palsaran

[Qualiture · Accepted solution]

Set your m.Table to mode="MultiSelect" and set the first item selected.

In a mobile environment it doesn't make sense to have a single-select table preselected, so you have to use multiselect instead

[Former Member · Accepted solution]

Hi Robin,

Now i changed my mode "MultiSelect"..now how can i set first item select..can u please tell me with piece of code.

[kai2015 · Accepted solution]

In his example, you see the loop,

add there the following to select the first row.

    for (var i = 0; i < items.length; i++) {
         var item = items[i];
         if(i == 0) {        
             item.setSelected(true);
         }

[scott_stefanich · Accepted solution]

Hello Pal,

Here is a JS Bin sample.

The sample creates a table, gets its' items, then sets the first item as selected:

var oTable = new sap.m.Table({
  mode : "MultiSelect",
  columns : [
    new sap.m.Column({ header: new sap.m.Label({ text: "ID" }) }),
    new sap.m.Column({ header: new sap.m.Label({ text: "Fruit" }) })
  ],
  items : [
    new sap.m.ColumnListItem({
      cells: [
        new sap.m.Text({ text: "1" }),
        new sap.m.Text({ text: "Apple" })
      ]
    }),
    new sap.m.ColumnListItem({
      cells: [
        new sap.m.Text({ text: "2" }),
        new sap.m.Text({ text: "Orange" })
      ]
    })
  ]
}).placeAt("content");



var aItems = oTable.getItems();
aItems[0].setSelected(true);

[Former Member · Accepted solution]

Thanks Scott,

Now it's working..

@ we can do "SingleSelect" method also..