<script type="text/javascript" src="scripts/AttributeInspector.js"></script>

//Create AttributeInspector.

var ai = new sg.controls.AttributeInspector({

   layerInfos: {

         featureLayer: featureLayer,

         fieldInfos: [{

               fieldName: "Id",

               editable : false

         }],

         editable : true

   }

});

//Set feature attribute.

ai.on("attribute-change", function (e) {

e.feature.attributes[e.fieldName] = e.fieldValue;

});

//Delete feature when delete button are clicked.

ai.on("delete", function (e) {

  featureLayer.applyEdit(null, null, [e.feature]);

});

//Add save button on the AttributeInspector,before deleteButton.

var saveBtn = document.createElement("button");

saveBtn.innerHTML = "Save";

ai.deleteButton.parentNode.insertBefore(saveBtn, ai.deleteButton);

//Edit feature attribute when save button clicked.

AttachEvent(saveBtn, "click", function () {

   console.log("Save");

  var features = featureLayer.getSelectedFeatures();

        featureLayer.applyEdit(null, features, null);

   });

//Append AttributeInspector to infowindow

map.infoWindow.setContent(ai.node);

map.infoWindow.resize(300, 240);