MATLAB: How to make two drop down Dependent

dependent dropdownMATLAB

I have two drop down on my App Designer app, like this:

DropDown1.Items = {'1','2','3','4','5'};

DropDown1.ItemsData = [1,2,3,4,5];

DropDown2.Items = {'10','20','30','40','50'};

DropDown2.ItemsData = [1,2,3,4,5];

I would like to make this drop down dependent, so, if I choose on the DropDown1 the second option ({'2'}), the DropDown2 display the same position option (the second {'20'}) and so on any position I choose.

Is there any way to make this on App Designer or GUI?

Best Answer

Here is a basic test app I have created.

Please read comments carefully.

classdef testDropDown < handle
  
    properties
        dd1 % will be used for dropdown1 handle
        dd2 % will be used for dropdown2 handle       
    end
    
    methods        
        function obj = testDropDown(obj)  % obj is testDropDown obj whose superclasses is handle class 
            hFig = figure;
            %% dropdown1 assigned as a property for testDropDown Class
            obj.dd1 = uicontrol('Parent',hFig,'Style','popupmenu','Units','normalized','Position',[0.1 0.3 0.5 0.1],'Callback',@obj.dd1Callback,'String',{'1','2','3'});
            %% dropdown2 assigned as a property for testDropDown Class
            obj.dd2 = uicontrol('Parent',hFig,'Style','popupmenu','Units','normalized','Position',[0.1 0.1 0.5 0.1],'Callback',@obj.dd2Callback,'String',{'10','20','30'});
        end
        
        function dd1Callback(obj,src,evnt) % when clicked on dropdown1 this callback will be executed.
            obj.dd2.Value = src.Value;  % gets the value of the source(src) which is the object handle of the item that you have clicked on and assignes it to the other dropdown's value. 
        end
        
        function dd2Callback(obj,src,evnt) % when clicked on dropdown2 this callback will be executed.
          % obj is the main class object
          % src is the source of that callback executed it can be a button or a dropdown menu item,etc.
          % evnt is the event handle that stores the clicking event.
           
        end
    end
end

Read more about handle classes you can find lots of information.

Related Solutions

MATLAB: Migrating popupmenu from guide to app designer

If you want to control the drop-down menu during runtime, create the drop-down menu programmatically.

Refer here for more information about adding a drop-down menu.

The property 'Items' can be used to control what all to be listed in the drop-down menu.

Also, the 'Parent' property can be used to control where the drop-down menu needs to be placed. The position can be further finetuned by adjusting the 'Position' property.

MATLAB: Using Matlab App Designer with 2 Dependent Pop Up Menus

You can do this by using a callback on changinge the value in your first drop down. All the magic is done in

function DropDown1ValueChanged(app, event)

Here you go:

classdef app1 < matlab.apps.AppBase
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure          matlab.ui.Figure
        DropDown2_2Label  matlab.ui.control.Label
        DropDown2_2       matlab.ui.control.DropDown
        DropDown1Label    matlab.ui.control.Label
        DropDown1         matlab.ui.control.DropDown
    end
    methods (Access = private)
        % Value changed function: DropDown1
        function DropDown1ValueChanged(app, event)
            value = app.DropDown1.Value;
            switch value
                case "California"
                    app.DropDown2_2.Items = {'San Diego', 'Sacaramento', 'Irvine'};
                case "Texas"
                    app.DropDown2_2.Items = {'Austin', 'Dallas', 'Houston'};
            end
                    
        end
    end
    % App initialization and construction
    methods (Access = private)
        % Create UIFigure and components
        function createComponents(app)
            % Create UIFigure
            app.UIFigure = uifigure;
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'UI Figure';
            % Create DropDown2_2Label
            app.DropDown2_2Label = uilabel(app.UIFigure);
            app.DropDown2_2Label.HorizontalAlignment = 'right';
            app.DropDown2_2Label.Position = [370 287 69 22];
            app.DropDown2_2Label.Text = 'DropDown2';
            % Create DropDown2_2
            app.DropDown2_2 = uidropdown(app.UIFigure);
            app.DropDown2_2.Items = {'San Diego', 'Sacaramento', 'Irvine'};
            app.DropDown2_2.Position = [454 287 100 22];
            app.DropDown2_2.Value = 'San Diego';
            % Create DropDown1Label
            app.DropDown1Label = uilabel(app.UIFigure);
            app.DropDown1Label.HorizontalAlignment = 'right';
            app.DropDown1Label.Position = [97 287 69 22];
            app.DropDown1Label.Text = 'DropDown1';
            % Create DropDown1
            app.DropDown1 = uidropdown(app.UIFigure);
            app.DropDown1.Items = {'California', 'Texas'};
            app.DropDown1.ValueChangedFcn = createCallbackFcn(app, @DropDown1ValueChanged, true);
            app.DropDown1.Position = [181 287 100 22];
            app.DropDown1.Value = 'California';
        end
    end
    methods (Access = public)
        % Construct app
        function app = app1
            % Create and configure components
            createComponents(app)
            % Register the app with App Designer
            registerApp(app, app.UIFigure)
            if nargout == 0
                clear app
            end
        end
        % Code that executes before app deletion
        function delete(app)
            % Delete UIFigure when app is deleted
            delete(app.UIFigure)
        end
    end
end

Greetins Stefan

Best Answer

Related Solutions

MATLAB: Migrating popupmenu from guide to app designer

MATLAB: Using Matlab App Designer with 2 Dependent Pop Up Menus

Related Question