measurement widget not work with editing widget

mohamedsaad1 — Sat, 13 Dec 2014 23:02:14 GMT

I am trying to add measurement tool to my existing code, but the measurement widget didn't appear ,

please help me to add this widget

Thanx

m-sa3d

<!DOCTYPE html>

<html>

<head>

<!--The viewport meta tag is used to improve the presentation and behavior of the samples

on iOS devices-->

<style>

html,body{height:100%;width:100%;margin:0;overflow:hidden;}

#map{

border:solid 2px #808775;

-moz-border-radius:4px;

-webkit-border-radius:4px;

border-radius:4px;

margin:5px;

padding:0px;

}

#rightPane {

width: 18.3%;

border:solid 2px #808775;

-moz-border-radius:4px;

-webkit-border-radius:4px;

border-radius:4px;

margin:5px;

padding:0px;

}

#titlePane{

width:350px;

}

#mesurepane{

width:350px;

}

#header{

font-size: 1.1em;

font-family: sans-serif;

padding-left: 1em;

padding-top:4px;

color:#660000;

}

.templatePicker {

border: none;

}

.claro .dijitTitlePaneTitle {

-moz-border-radius:4px;

-webkit-border-radius:4px;

border-radius:4px;

margin:5px;

padding:5px;

}

.claro .dijitTitlePaneContentOuter {

border:solid #97DCF2 1px;

-moz-border-radius:4px;

-webkit-border-radius:4px;

border-radius:4px;

margin:5px;

padding:5px;

}

.dj_ie .infowindow .window .top .right .user .content { position: relative; }

.dj_ie .simpleInfoWindow .content {position: relative;}

</style>

var map;

require([

"esri/map",

"esri/tasks/GeometryService",

"esri/toolbars/edit",

"esri/layers/ArcGISTiledMapServiceLayer",

"esri/layers/FeatureLayer",

"esri/Color",

"esri/symbols/SimpleMarkerSymbol",

"esri/symbols/SimpleLineSymbol",

"esri/dijit/editing/Editor",

"esri/dijit/editing/TemplatePicker",

"esri/config",

"dojo/i18n!esri/nls/jsapi",

"dojo/_base/array", "dojo/parser", "dojo/keys",

"dijit/layout/BorderContainer", "dijit/layout/ContentPane",

"dojo/dom",

"esri/sniff",

"esri/SnappingManager",

"esri/dijit/Measurement",

"esri/renderers/SimpleRenderer",

"esri/symbols/SimpleFillSymbol",

"esri/dijit/Scalebar",

"dijit/TitlePane",

"dijit/form/CheckBox",

"dojo/domReady!"

], function(

Map, GeometryService, Edit,

ArcGISTiledMapServiceLayer, FeatureLayer,

Color, SimpleMarkerSymbol, SimpleLineSymbol,

Editor, TemplatePicker,

esriConfig, jsapiBundle,

arrayUtils, parser, keys, dom,

has,SnappingManager, Measurement,SimpleRenderer,SimpleFillSymbol

) {

parser.parse();

// snapping is enabled for this sample - change the tooltip to reflect this

jsapiBundle.toolbars.draw.start = jsapiBundle.toolbars.draw.start + "<br>Press <b>ALT</b> to enable snapping";

// refer to "Using the Proxy Page" for more information: https://developers.arcgis.com/javascript/jshelp/ags_proxy.html

esriConfig.defaults.io.proxyUrl = "/proxy";

esriConfig.defaults.io.alwaysUseProxy = false;

//This service is for development and testing purposes only. We recommend that you create your own geometry service for use within your applications.

esriConfig.defaults.geometryService = new GeometryService("http://gis-server:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer");

map = new Map("map", {

basemap: "satellite",

center: [44.3, 18.2],

zoom: 11,

});

map.on("layers-add-result", initEditor);

var roads = new FeatureLayer("http://gis-server:6080/arcgis/rest/services/Thar_Map/MapServer/1",{