- 情景再现：
用户点击一个featurelayer的图斑，（属性信息从mysql中获取），同时高亮此地块，点击一下个地块时候，取消高亮。(请忽略跨域造成的图标错误，jetty试了好久不能跨域·······)
效果如下：
var pgraphic;//被点击的graphic
mapViewInstance.on("click", function (evt) {
gLayer.removeAll();
pgraphic=null;
var data=null;
var screenPoint = {
x: evt.x,
y: evt.y
};
mapViewInstance.hitTest(screenPoint).then(function (response) {
// debugger;
data = response.results[0].graphic.attributes;
pgraphic = response.results[0].graphic;
// console.log("data: " + data);
// console.log("data.FID: " + data.FID);
setGraphicAttrbute(data.FID, pgraphic); // pgraphic.attributes ={
// "Acadimic": "1111",
// "Years": "Pinaceae",
// "UserName": 126
// }
pgraphic.popupTemplate = { // autocasts as new PopupTemplate()
title: "{Name}信息",
content: [{
type: "fields",
fieldInfos: fieldInfoData,
}]
};
var sym = SimpleFillSymbol({
color: "red",
outline: {
color: [128, 128, 128, 0.5],
width: "0.5px"
}
});
pgraphic.symbol=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3));
gLayer.add(pgraphic); });
});
这样处理后，气泡和信息都能正常显示，但是出现一个奇怪的问题，第二次点击时候，第一次点击所产生的样式，并没有被完全remove掉。。
难道是，gLayer.removeAll() 没起作用？于此同时，各种refresh也不起作用。。。
我又回看了一次代码发现了端倪，
data = response.results[0].graphic.attributes;
pgraphic = response.results[0].graphic;
这里获取的graphic来自featurelayer，只是赋值给一个新变量而已，还是指向了featurelayer中那个graphic。。
pgraphic.symbol=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3));;
所以，在给pgraphic设置样式的时候，同时也把样式设置到featurelayer上去了。
怎么解决这问题呢？两种解决思路，
1.获得一个全新的pgraphic
2在featurelayer上去除样式，（这个好像不行吧）
突然想起java中的深复制，js不熟悉，我现实不了，翻了翻api看到有 clone这个方法：Creates a deep clone of the graphic object. 这不就是“”深复制么”···
于是修改代码
pgraphic = response.results[0].graphic.clone();
得到一个全新的graphic，再次运行，问题不在啦。。。。。。
setGraphicAttrbute代码如下：
function setGraphicAttrbute(id, pgraphic) {
$.ajax({
type: "POST",
async: false,
url: server_context + "/gisBlock/queryid/" + id,
dataType: "json",
success: function (msg) {
console.log("Data Saved: " + msg.nameId);
var jsonData = "";
if (msg != null) {
pgraphic.attributes = {
"FID":msg.id,
"nameId": msg.nameId,
"academy": msg.academy,
"year": msg.year,
"userName": msg.userName,
"crops": msg.crops,
"area": msg.area,
"month":msg.month,
}
}
else {
pgraphic.attributes = {
"Acadimic": "未查询到相关结果"
}
}
}
});
}
初次学习，有什么不对请指正！