Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #109906
    Joko Pitoyo
    Participant

    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 7 months, 1 week ago by Joko Pitoyo.
    #109913
    Markov
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.