smart-combo-box error set dataSource

[Joko Pitoyo]

i have problem set dataSource smart combobox,

const vehileBrands=[{id: 272, brand: 'GPS_TR08'}
1
: 
{id: 2, brand: 'GPS_CONCOX_GT06MDF'}
2
: 
{id: 3, brand: 'GPS_CONCOX_GT06'}
3
: 
{id: 4, brand: 'GPS_CONCOX_GT07'}
4
: 
{id: 5, brand: 'GPS_CONCOX_GT08'}
5
: 
{id: 6, brand: 'GPS_CONCOX_GT700'}
6
: 
{id: 7, brand: 'GPS_CONCOX_GT710'}
7
: 
{id: 8, brand: 'GPS_CONCOX_GT800'}
8
: 
{id: 9, brand: 'GPS_CONCOX_GT300'}
9
: 
{id: 10, brand: 'GPS_CONCOX_GT03C'}
10
: 
{id: 11, brand: 'GPS_CONCOX_GT02'}
11
: 
{id: 12, brand: 'GPS_CONCOX_GT02D'}
12
: 
{id: 13, brand: 'GPS_CONCOX_TR02'}
13
: 
{id: 14, brand: 'GPS_CONCOX_TR06'}
14
: 
{id: 15, brand: 'GPS_CONCOX_GK310'}
15
: 
{id: 16, brand: 'GPS_CONCOX_GK309E'}
16
: 
{id: 17, brand: 'GPS_CONCOX_GS503'}
17
: 
{id: 30, brand: 'GPS_CONCOX_HVT001'}
];

let cboGpsBrands=document.querySelector("#cboGpsBrands");
cboGpsBrands.valueMember="id";
cboGpsBrands.displayMember="brand";
cboGpsBrands.dataSource=vehileBrands;

Why does setting displayMember=”brand” not display brand data, but instead it shows id data?, when change property to label dan displayMember=”label” data will display

• This topic was modified 8 months, 1 week ago by Joko Pitoyo.

[Markov]

Hi,

The only problem i could observe is that there are 1:, 2:, etc. in the provided data source which make it invalid array.

Below is a working sample:

    const comboBox = document.querySelector("jqx-combo-box");

    const vehileBrands = [{ id: 272, brand: 'GPS_TR08' },
    { id: 2, brand: 'GPS_CONCOX_GT06MDF' },
    { id: 3, brand: 'GPS_CONCOX_GT06' },
    { id: 4, brand: 'GPS_CONCOX_GT07' },
    { id: 5, brand: 'GPS_CONCOX_GT08' },
    { id: 6, brand: 'GPS_CONCOX_GT700' },
    { id: 7, brand: 'GPS_CONCOX_GT710' },
    { id: 8, brand: 'GPS_CONCOX_GT800' },
    { id: 9, brand: 'GPS_CONCOX_GT300' },
    { id: 10, brand: 'GPS_CONCOX_GT03C' },
    { id: 11, brand: 'GPS_CONCOX_GT02' },
    { id: 12, brand: 'GPS_CONCOX_GT02D' },
    { id: 13, brand: 'GPS_CONCOX_TR02' },
    { id: 14, brand: 'GPS_CONCOX_TR06' },
    { id: 15, brand: 'GPS_CONCOX_GK310' },
    { id: 16, brand: 'GPS_CONCOX_GK309E' },
    { id: 17, brand: 'GPS_CONCOX_GS503' },
    { id: 30, brand: 'GPS_CONCOX_HVT001' }
    ];

    comboBox.valueMember = "id";
    comboBox.displayMember = "brand";
    comboBox.dataSource = vehileBrands;
    comboBox.onchange = (event) => {
        console.log(event.detail);
    }

Regards,
Markov

[Author]

Posts