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