Skip to Content
avatar image
Former Member

Set MulticomboBox with all key elements

hi all,

i have a multicomboBox and i want to bind the multicomboBox with all the keys in json. iam using XML view.

i need multicomboBox with values as productId, name, category,suppliername ..as follows

my xml view is

<MultiComboBox selectionChange="handleSelectionChange" selectionFinish="handleSelectionFinish" width="300px"
  items="{
                    path: '/Collection',
                     sorter: { path: 'Name' }
                }">
                
  <core:Item key="{ProductId}" text="{Name}" />
  <!-- Object.keys(path); -->

  </MultiComboBox>

my json file is

{

  "Collection": [

  {

  "ProductId": "1",

  "Name": "A",

  "Category": "Projector",

  "SupplierName": "Titanium",

  "Description": "A very powerful projector with special features for Internet usability, USB",

  "WeightMeasure": 1467,

  "WeightUnit": "g",

  "Price": 856.49,

  "CurrencyCode": "EUR",

  "Status": "Available",

  "Quantity": 3,

  "UoM": "PC",

  "Width": 51,

  "Depth": 42,

  "Height": 18,

  "DimUnit": "cm"

  },

  {

  "ProductId": "2",

  "Name": "B",

  "Category": "Graphics Card",

  "SupplierName": "Technocom",

  "Description": "Gladiator MX: DDR2 RoHS 128MB Supporting 512MB Clock rate: 350 MHz Memory Clock: 533 MHz, Bus Type: PCI-Express, Memory Type: DDR2 Memory Bus: 32-bit Highlighted Features: DVI Out, TV Out , HDTV",

  "WeightMeasure": 321,

  "WeightUnit": "g",

  "Price": 81.7,

  "CurrencyCode": "EUR",

  "Status": "Discontinued",

  "Quantity": 10,

  "UoM": "PC",

  "Width": 34,

  "Depth": 14,

  "Height": 2,

  "DimUnit": "cm"

  },

  {

  "ProductId": "3",

  "Name": "C",

  "Category": "Graphics Card",

  "SupplierName": "Red Point Stores",

  "Description": "Hurricane GX: DDR2 RoHS 512MB Supporting 1024MB Clock rate: 550 MHz Memory Clock: 933 MHz, Bus Type: PCI-Express, Memory Type: DDR2 Memory Bus: 64-bit Highlighted Features: DVI Out, TV-In, TV-Out, HDTV",

  "WeightMeasure": 588,

  "WeightUnit": "g",

  "Price": 219,

  "CurrencyCode": "EUR",

  "Status": "Out of Stock",

  "Quantity": 25,

  "UoM": "PC",

  "Width": 34,

  "Depth": 14,

  "Height": 2,

  "DimUnit": "cm"

  },

  {

  "ProductId": "4",

  "Name": "D",

  "Category": "Accessory",

  "SupplierName": "Technocom",

  "Description": "Web camera, color, High-Speed USB",

  "WeightMeasure": 700,

  "WeightUnit": "g",

  "Price": 59,

  "CurrencyCode": "EUR",

  "Status": "Available",

  "Quantity": 22,

  "UoM": "PC",

  "Width": 18,

  "Depth": 19,

  "Height": 21,

  "DimUnit": "cm"

  },

  {

  "ProductId": "5",

  "Name": "E",

  "Category": "Accessory",

  "SupplierName": "Technocom",

  "Description": "Lock for Monitor",

  "WeightMeasure": 40,

  "WeightUnit": "g",

  "Price": 13.49,

  "CurrencyCode": "EUR",

  "Status": "Available",

  "Quantity": 30,

  "UoM": "PC",

  "Width": 11,

  "Depth": 11,

  "Height": 3,

  "DimUnit": "cm"

  }

  ]

}

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Oct 20, 2015 at 07:16 AM

    var mcb = new sap.m.MultiComboBox({

      id : "mcb",

      items : {

        path : "/items",

        template : oItemTemplate

      },

      selectedKeys : {  <--- here

        path : "/selected",

        template : "{selected}"

      }

    });

    Please check the Example

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 20, 2015 at 08:46 AM

    Hi Sarath,

    Use parts object while binding to text/key of item. Check this sample: JS Bin - Collaborative JavaScript Debugging

    API - JsDoc Report - SAP UI development Toolkit for HTML5 - API Reference - sap.ui.base.ManagedObject

    Regards,

    Sai Vellanki.

    Add comment
    10|10000 characters needed characters exceeded