On click zoom datatables

Anonymous User — Sat, 11 Dec 2021 07:42:49 GMT

Hi all,

I am using Jquery Datatables for my attribute table and it works great. I am now trying to on selected row click zoom to the feature. It is selecting the table correctly but it returns an error when trying to get to OBJECTID. Any idea?

error:

query.outFields = ["OBJECTID"] 

$("#createproject").click(function () {
....
reportListDataTable = $('#example').DataTable({
                        dom: 'Bfrtip',
                        data: data,
                        columns: cols,
                        scrollX: true,
                        scrollY: 130,
                        destroy: true,
                        buttons: [{
                            extend: 'copy',
                            exportOptions: {
                                columns: ':visible'
                            }
                        }, {
                            extend: 'excel',
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        {
                            text: 'Zoom to All',
                            action: function (e, dt, node, config) {
                                var extent = graphicsUtils.graphicsExtent(GraphicsBuffer.graphics);
                                map.setExtent(extent, true);
                            }
                        },
                        {
                            text: 'Close',
                            action: function (e, dt, node, config) {
                                $("#attributeTable").hide("slow", function () {
                                    // Animation complete.
                                    $("#map").css("height", "100%");
                                    $(".esriScalebar").css("height", "30px");
                                    $("#info").css("bottom", "30px");
                                    $("#attributeTable").css("height", "0%");
                                });
                            }
                        }
                        ],
                        "columnDefs": [{
                            "targets": [0],
                            "data": null,
                            "defaultContent": testresult
                        }]
                    });
                    $('#example tbody').on('click', 'tr', function () {
                        var d = reportListDataTable.row(this).data();
                        if ($(this).hasClass('selected')) {
                            $(this).removeClass('selected');
                            console.log("selected");
                        } else {
                            reportListDataTable.$('tr.selected').removeClass('selected');
                            $(this).addClass('selected');
                            $.each(featureArray, function (feature) {
                                console.log(feature.attributes);
                                if (feature.attributes["OBJECTID"] === d[0]) {
                                    var AOI = feature.geometry;
                                    var graphic = new Graphic(AOI, defaultSymbol);
                                    feature.setInfoTemplate(infoTemplate);
                                    map.getLayer("GraphicsParceliden").add(graphic);
                                }
                            });

                            console.log("selected");
                        }
                    });
                });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: On click zoom datatables

Anonymous User — Fri, 16 Dec 2016 18:40:34 GMT

Seems like it is working with dojo array.

Re: On click zoom datatables

SarojThapa1 — Fri, 16 Dec 2016 19:18:44 GMT

Create a new field called "id" and make it a unique key and assign the same values as that of OBJECTID. Replace OBJECTID with id in your codes.

topic Re: On click zoom datatables in ArcGIS JavaScript Maps SDK Questions

On click zoom datatables

Re: On click zoom datatables

Re: On click zoom datatables