FeatureTableで選択した項目をハイライト表示した後に関数を呼び出す方法

Question

FeatureTableによって生成されたルートテーブルがあり、setSelectionSymbolを使用して、テーブルで選択されたルートを赤に変更しました。私の問題は、地図上のルートが赤に変わった後にルート選択を確認し、ルートが赤に変わる前にコードが確認を求めていることです。私のコードは、私はルートが最初に強調されるだろうが、それはないmyFeatureTable.on("row-select", function(evt){}イベントハンドラの内部でconfirmRoute(evt)機能を入れて考え

 var map, stateBaseMap, geometryLayer, routeFeature, routeDataFeature, myFeatureTable, 
     stateBaseMapUrl, geometryLayerUrl, routeFeatureUrl, routeDataFeatureUrl; 

    require([ "esri/map", 
      "esri/layers/ArcGISDynamicMapServiceLayer", 
      "esri/layers/ArcGISTiledMapServiceLayer", 
      "esri/tasks/GeometryService", 
      "esri/layers/FeatureLayer", 
      "esri/dijit/FeatureTable", 
      "esri/symbols/SimpleLineSymbol", 
      "esri/Color", 
      "dijit/layout/ContentPane", 
       "dijit/layout/BorderContainer", 
       "esri/geometry/Extent", 
       "esri/graphicsUtils", 
       "esri/tasks/query", 
       "dojo/dom", 
       "dojo/parser", 
       "dojo/ready", 
       "dojo/on"], 
    function(Map, 
      ArcGISDynamicMapServiceLayer, 
      ArcGISTiledMapServiceLayer, 
      GeometryService, 
      FeatureLayer, 
      FeatureTable, 
      SimpleLineSymbol, 
      Color, 
      ContentPane, 
      BorderContainer, 
      Extent, 
      graphicsUtils, 
      Query, 
       dom, 
       parser, 
       ready, 
       on) { 
     parser.parse(); 

     ready(function(){ 
      esri.config.defaults.io.proxyUrl = "/llr/llrproxy"; 
      esri.config.defaults.io.alwaysUseProxy = false; 
      esri.config.defaults.io.corsDetection = false; 
      stateBaseMapUrl = document.getElementById("shipment_stateBaseMapServiceURL").value; 
      geometryLayerUrl = document.getElementById("shipment_geometryServiceURL").value; 
      routeFeatureUrl = document.getElementById("shipment_routeLayerURL").value; 
      map = new Map("map"); 
      stateBaseMap = new ArcGISTiledMapServiceLayer(stateBaseMapUrl); 
      map.addLayer(stateBaseMap); 
      geometryLayer = new GeometryService(geometryLayerUrl); 
      map.addLayer(geometryLayer); 

      routeFeature = new FeatureLayer(routeFeatureUrl, { 
       mode : FeatureLayer.MODE_ONDEMAND, 
       outFields : [ "*" ], 
       visible:true, 
       id : "routeFeature" 
      }); 
      var selectionSymbol = new SimpleLineSymbol(
        SimpleLineSymbol.STYLE_SOLID, 
        new Color([255,0,0]), 
        4 
       ); 

      routeFeature.setSelectionSymbol(selectionSymbol); 

      map.addLayer(routeFeature); 
      on(routeFeature, "load", function(){ 
       loadTable(); 
       myFeatureTable.on("row-select", function(evt){ 
        confirmRoute(evt); 
        }); 
       }); 
      function confirmRoute(evt) { 
       var message = "Is this the correct route?\nEntry State: "+ 
           evt[0].data.ORIGIN + "\nRoute Description: " + 
           evt[0].data.ROUTE_DESC + "\nExit State: " + 
           evt[0].data.DESTNATION ; 
       if (confirm(message) == true) { 
        document.getElementById('shipment_routeText').value = evt[0].data.ROUTE_DESC; 
        var oldAction = document.getElementById("shipment").action; 
        var url = oldAction.replace("shipment","shipment"+"_saveRoute"); 
        document.forms[0].action = url; 
        document.forms[0].submit(); 

       } 
      } 

      function loadTable(){ 
        myFeatureTable = new FeatureTable({ 
        featureLayer : routeFeature, 
        map : map, 
        editable: false, 
        fieldInfos: [ 
           { 
           name: 'ROUTE_ID', 
           visible: false 
           }, 
           { 
           name: 'ORIGIN', 
           alias: 'Entry State' 
           }, 
           { 
           name: 'ROUTE_DESC', 
           alias: 'Route Description' 
           }, 
           { 
           name: 'DESTNATION', 
           alias: 'Exit State' 
           } 
        ] 
        }, 'myTableNode'); 

        myFeatureTable.startup(); 
      } 
     }); 
     }); 

です。私はバージョン3.16を使用しています。どんな助けもありがとう。

Answer 1

row-selectハンドラを使用してupdate-endイベントハンドラをネストすることで問題を解決したと思います。確認後にupdate-endハンドラも削除します。それ以外の場合は、キャンセルをクリックしないと確認ウィンドウがスタックされます。ここに私が変更したコードの一部があります。

   map.addLayer(routeFeature); 
      on(routeFeature, "load", function(){ 
       loadTable(); 
       myFeatureTable.on("row-select", function(evt){ 
        routeChange = routeFeature.on("update-end", function(none){ 
              confirmRoute(evt); 
             }); 
        }); 
       }); 
      function confirmRoute(evt) { 
       var message = "Is this the correct route?\nEntry State: "+ 
           evt[0].data.ORIGIN + "\nRoute Description: " + 
           evt[0].data.ROUTE_DESC + "\nExit State: " + 
           evt[0].data.DESTNATION ; 
       if (confirm(message) == true) { 
        document.getElementById('shipment_gisRouteId').value = evt[0].data.ROUTE_ID; 
        document.getElementById('shipment_routeText').value = evt[0].data.ROUTE_DESC; 
        var oldAction = document.getElementById("shipment").action; 
        var url = oldAction.replace("shipment","shipment"+"_saveRoute"); 
        document.forms[0].action = url; 
        document.forms[0].submit(); 
       } 
       routeChange.remove(); 
      }