topic Re: multiple select from Dojo grid in ArcGIS JavaScript Maps SDK Questions

multiple select from Dojo grid

ShaneCarey — Wed, 29 Jan 2014 07:44:27 GMT

Hey,

Has anybody used this example:

http://blogs.esri.com/esri/arcgis/2009/12/03/display-attributes-in-a-dojox-datagrid/

except changing the selectionMode to multiple

I have tried changing it but it will not work. I simple changed lines:

        <table dojotype="dojox.grid.DataGrid" jsid="grid" id="grid"
              selectionMode="none">

to

        <table dojotype="dojox.grid.DataGrid" jsid="grid" id="grid"
              selectionMode="multiple">

But nothing changes. Any row I click on the table, I need to highlight on the map.

Thanks

Re: multiple select from Dojo grid

KenBuja — Wed, 29 Jan 2014 11:59:26 GMT

Have you thought of using dGrid instead? There's an example on how to use it, but the sample doesn't do anything with multiple selections (like highlighting multiple states). You'd have to changed the coding to deal with multiple selections.

As for DataGrid, have you tried leaving off the selectionMode property, since the default is "extended"? Have you also tried adding programmatically like the examples here?

Re: multiple select from Dojo grid

ShaneCarey — Wed, 29 Jan 2014 12:14:38 GMT

Im very new to javascript so Im trying to take an example and modify it slightly to suit my needs. That example you provided me with would work but Im not sure how to modify it to select multiple polygons. I dont need it to zoom to the polygon.

Thanks

Re: multiple select from Dojo grid

KenBuja — Sun, 12 Dec 2021 04:39:00 GMT

Here's a modification of the dGrid example to just highlight the selected states. You can select multiple records in the grid using the mouse + Ctrl key.

                function selectState(e) {
                    // select the feature
                    var fl = map.getLayer("states");
                    var query = new Query();
                    //query.objectIds = [parseInt(e.target.innerHTML)];
                    var selection = [];
                    var selected = window.grid.selection;
                    if (selected) {
                        for (row in selected) {
                            selection.push(parseInt(row));
                        }
                    }
                    query.objectIds = selection;
                    fl.selectFeatures(query, FeatureLayer.SELECTION_NEW, function (result) {
                        if (result.length) {
                            // re-center the map to the selected feature
                            //window.map.centerAt(result[0].geometry.getExtent().getCenter());
                        } else {
                            console.log("Feature Layer query returned no features... ", result);
                        }
                    });
                }

Re: multiple select from Dojo grid

ShaneCarey — Wed, 29 Jan 2014 14:24:01 GMT

This is great,

Thanks you so much. I need to implement this with a polyline rather than polygon. I presume this will work with Polyline?

Thanks again. Starbar!!

Re: multiple select from Dojo grid

KenBuja — Wed, 29 Jan 2014 14:42:47 GMT

Yes it will. You'll have to make a change to this line

fl.setSelectionSymbol(new SimpleFillSymbol().setOutline(null).setColor("#AEC7E3"));

to use a SimpleLineSymbol. Otherwise you'll get something like this:

[ATTACH=CONFIG]30938[/ATTACH]

Re: multiple select from Dojo grid

ShaneCarey — Wed, 29 Jan 2014 16:16:53 GMT

Great thanks, I have it working, just cant get it to highlight.

I changed that line of code to this:

fl.setSelectionSymbol(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASH, new dojo.Color("blue"));

And I also changed:
From
"esri/symbols/SimpleFillSymbol",

to

"esri/symbols/SimpleLineSymbol",

Any ideas, your help is really appreciated btw

Re: multiple select from Dojo grid

KenBuja — Wed, 29 Jan 2014 17:24:05 GMT

This works properly. I added the Color module so the line looks like this

fl.setSelectionSymbol(new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3));

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 07:23:09 GMT

Your a Star.

Thanks very much,

what editor do you use for debugging by the way?

Thanks

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 08:03:19 GMT

Hey,

I still cant get it too work and it seems to be the following lines of code that is stopping it:

                var fl = new FeatureLayer(window.statesUrl, {
                    id: "states",
                    mode: 1, // ONDEMAND, could also use FeatureLayer.MODE_ONDEMAND
                    outFields: window.outFields

What does this "states" field do. I have only one layer in my service and I think this is what is causing the problem.

Thanks

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 09:10:38 GMT

Hey,

I got it. I had to add an extra layer for the states layer!!

Thanks very much for your help

Re: multiple select from Dojo grid

KenBuja — Thu, 30 Jan 2014 10:38:17 GMT

If you had only one layer in your service, you would have set this for the url

window.statesUrl = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/0";

I use Visual Studios for my development environment. You should also look at using Firebug and the browsers' Developer Tools (F12 key) for debugging.

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 11:04:52 GMT

Ok no worries, thanks. One quick question. How do I actually hide the layer on the map? I only want the lines to show that are selected.

Thanks again

Re: multiple select from Dojo grid

KenBuja — Thu, 30 Jan 2014 11:30:49 GMT

This would work using FeatureLayers, using Definition Expressions. It would be a different workflow with ArcGISDynamicMapServiceLayers, since the graphics layer where you would show the results is separate.

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 11:46:07 GMT

By this I mean,
every row I select from the grid, thats the line that shows in the map.

Cheers

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 11:54:42 GMT

Hey,

I just published the service with no colour and that worked.

Thanks again for all your help

Re: multiple select from Dojo grid

KenBuja — Thu, 30 Jan 2014 12:06:55 GMT

By this I mean,
every row I select from the grid, thats the line that shows in the map.

Cheers

The example I created this morning does just that. You don't need to create a service with no colors.

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 15:37:14 GMT

Hey Ken,

I have many lines. Around 2000 flight lines (Tie lines and ordinary lines, Tie lines are perpendicular to ordinary), but only some are coming into my application and some are incorrectly displaying as Tie_lines when they should be lines.

Any idea why this is?

Thanks

Re: multiple select from Dojo grid

KenBuja — Thu, 30 Jan 2014 16:06:06 GMT

Can you put this in JSBin?

Re: multiple select from Dojo grid

ShaneCarey — Thu, 30 Jan 2014 16:48:19 GMT

Will send first thing tomorrow, on Irish time here.
Cheers