nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

multiple select from Dojo grid

ShaneCarey

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

Vind meer berichten getagd met

Accepted answers

kenbuja

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));

All comments

kenbuja

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?

ShaneCarey

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

kenbuja

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);
                        }
                    });
                }

ShaneCarey

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!!

kenbuja

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]

polyline.png

ShaneCarey

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

kenbuja

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));

ShaneCarey

Your a Star.

Thanks very much,

what editor do you use for debugging by the way?

Thanks

ShaneCarey

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

ShaneCarey

Hey,

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

Thanks very much for your help

kenbuja

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.

DamienPyne_2-1741741571005.png

DamienPyne_3-1741741830062.png

ShaneCarey

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

kenbuja

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.

ShaneCarey

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

Cheers

ShaneCarey

Hey,

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

Thanks again for all your help

kenbuja

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.

ShaneCarey

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

kenbuja

Can you put this in JSBin?

ShaneCarey

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

ShaneCarey

Hey Ken,

Here is the link on jsbin

I have the services on an internal service here so I had to export them to you as a zipped file. Would you be able to put them on a server for you to test them in the code.

Wherever a service is being used, I have typed the shapefile Name in the code. When all is up and running it should look like this:

[ATTACH=CONFIG]31010[/ATTACH]

The shapefiles can be downloaded from here

Thanks

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.