Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website

  • Hello,
    Can we add a Clear input option to a <ma-point-list>? I have a chart with 4 selectable points and I use below code to select points:

    <md-input-container flex="50">
    <label>Select Points 2</label>
    <ma-point-list query="{deviceName: designer.parameters.dn}" limit="100" ng-model="myPoint2">
    </ma-point-list>
    </md-input-container>
    

    Sometimes, I don't need to show value from all 4 points, sometimes 2 are enough, then how can I put a clear input option in <ma-point-list>?
    8e5d283d-987a-4e26-94e4-9dcd55ffe3e6-image.png


  • @tungthanh500 There is no option to display a clear button, you could add your own alongside if you would like.

    <md-button ng-click="myPoint2 = null">X</md-button>
    

    Alternatively you could look at using a multiple select data point selector -

    <div class="ma-designer-root" id="8e0602f0-dfea-4dc7-8a11-27721b95d175" style="width: 1366px; height: 768px; position: relative;">
        <md-input-container id="8e0602f0-dfea-4dc7-8a11-27721b95d176" style="width: 470px; height: 60px; top: 50px; left: 60px; position: absolute;" ng-init="model.dataPoints = []">
            <ma-drop-down-button>
                <span>Select some points ({{model.dataPoints.length}} selected)</span>
                <ma-drop-down create-on-init="::false" class="ma-slide-down">
                    <ma-data-point-selector select-multiple="::true" ng-model="model.dataPoints" show-clear="::true">
                    </ma-data-point-selector>
                </ma-drop-down>
            </ma-drop-down-button>
        </md-input-container>
    </div>
    

  • 6b1e3476-4f47-48f5-a465-ded1e1b46fe3-image.png