cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

How can I update iq-select-box

HmiGuide
Community Moderator

How can I update iq-select-box

I want to change the items displayed in a iq-select-box. I can change the values which are set by the select box, with the code below. But the displayed labels are not updated.

e.g. I configured 2 items in iq-select-box:

  • item 1: label="blue" value=0  => via JS change to label="LAB 0" value=10
  • item 2: label="red" value=1   => via change to label="LAB 1" value=11

The control still displays "blue" and "red" but the returned values are 10 and 11. I expect that I have to call an update function.

 What do I have to change to update the displayed labels?

(function() {
    var actions = shmi.pkg("visuals.session.userActions"); //get reference to userActions object

    /**
     * UI-Action '_Update-SelectBox' implementation
     */
    actions["_Update-SelectBox"] = function(parameters) {
        let sObject = "root.box-popup.iq-select-box-sba";  // 
        let srcObj = shmi.ctrl(sObject);
        if (srcObj) {
            for (let i=0; i<srcObj.config.options.length; i++)  {
                srcObj.config.options[i].label = "LAB " + i.toString();
                srcObj.config.options[i].value = 10+i;
            }
        } else {
            alert(sObject + " not found");
        }
    };
}());
1 REPLY 1
HmiGuide
Community Moderator

Re: How can I update iq-select-box

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist