How to trigger a checkbox checked event

HelenZhou — Fri, 08 Jun 2018 19:01:13 GMT

I have a widget that is adapted from the Addlayer widget (AddLayer Widget by softwhere). The widget has two items - the top is a dijit.form.Select and bottom is a listview(see attached picture). When a box is checked, a layer is loaded to a map. What I would like to implement is - once a new item is selected from the select dropdown list, certain layers in the layer list are checked, which triggers the onLayerSelected event, so that the map services associated with those layers are loaded to the map. I write an onSelectChange event, which get the related checkbox, and set its checked to be true. Codes are running fine, but the box is not checked and the onLayerSelected is not triggered. Do I miss anything? Thanks so much.

Helen

widget,html-

<div>
    
    <div>
        <input type="select" data-dojo-type="dijit/form/Select" data-dojo-props="name:'theme',style:'width:100%;'"
               data-dojo-attach-point="themeDijit" data-dojo-attach-event="Change:onSelectChange" />
    </div>
    <div class="layer-list-body" data-dojo-attach-point="layerListBody">
        
    </div>
    <hr />
    <div data-dojo-attach-point="message"></div>
</div>

widget.js -

            onSelectChange: function (newValue) {
                var fields = newValue.split(',');
                array.forEach(this.config.layers, function (layer) {
                    if (layer.name === "Fire") {
                        var cb = registry.byId("Fire"); //checkbozx is found
                        cb.set("checked", true); //checked property is set. But the check box is not checked in the widget

                                                               //and onLayerSelected is not fired?
                    }

                }, this);
            },

            onLayerSelected: function (evt) {
                var layer = evt.layer;
                this.addLayerToMap(layer);
            },

Re: How to trigger a checkbox checked event

RobertScheitlin__GISP — Fri, 08 Jun 2018 19:17:26 GMT

Helen,

There is nothing in the jimu/dijit/CheckBox that would cause the checked property to fire the click event which is what the LayerListView.js is listening for to fire the _onLayerCheckNodeClick

Re: How to trigger a checkbox checked event

HelenZhou — Fri, 08 Jun 2018 19:45:03 GMT

Thanks Robert. Do you why the checkbox is not checked in the widget even though I specify in the code as - cb.set("checked", true)?

I am able to see the checkbox's checked property to be true.

Re: How to trigger a checkbox checked event

RobertScheitlin__GISP — Fri, 08 Jun 2018 19:57:18 GMT

Helen,

You just need to use setValue of the checkBox not set the checked attribute.

cb.setValue(true);

Re: How to trigger a checkbox checked event

HelenZhou — Fri, 08 Jun 2018 20:11:07 GMT

Hi Robert,

Magic! Thanks so much.

Helen

topic Re: How to trigger a checkbox checked event in Web AppBuilder Custom Widgets Questions

How to trigger a checkbox checked event

Re: How to trigger a checkbox checked event

Re: How to trigger a checkbox checked event

Re: How to trigger a checkbox checked event

Re: How to trigger a checkbox checked event