jitk_symbology.js

esri的ArcGIS Server超级学习模板程序（for java）

 
  function jitkSymbologyCreateColorChooser() {
	if (taskWindowManager.windows["jitkSymbologyColorChooserWin"] == null) {
		var colorChooser = new EsriColorChooser("jitkSymbologyColorChooser", null, jitkSymbologyColorChooserCallback, new EsriColor(Math.round(Math.random() * 255), Math.round(Math.random() * 255), Math.round(Math.random() * 255)));
	   	colorChooser.callContinuously = true;
	   	colorChooser.showSelectButton = false;
	   	colorChooser.init(document.getElementById("jitkSymbologyColorChooserDivId"));
	
	   	var colorChooserWin = new JitkWindow("jitkSymbologyColorChooserWin", "Color Picker", colorChooser);
   		colorChooserWin.isFloatingWindow = true;
   		colorChooserWin.isRendered = true;	   	
	   	colorChooserWin.movable = true;
	   	colorChooserWin.closable = true;
	   	colorChooserWin.collapsable = false;
	   	colorChooserWin.resizable = true;
	   	colorChooserWin.init();
	   	colorChooserWin.resize(210, 300);
	   	colorChooserWin.moveTo(300, 300);
	   	colorChooserWin.hide();
	   	$("#jitkSymbologyColorChooserWin").bgiframe();
	   	taskWindowManager.addWindow(colorChooserWin);  
	}
  }
	
  function jitkSymbologyToggleColorChooser(obj) {
    var colorWin = taskWindowManager.windows["jitkSymbologyColorChooserWin"];
    if (colorWin.closed) {
    	colorWin.moveTo(jitkSymbologyGetCSSPositionX(obj), jitkSymbologyGetCSSPositionY(obj) + 20);
        colorWin.show();
        colorWin.toFront(120);
    
    } else colorWin.hide();
  }
  
  function jitkSymbologyColorChooserCallback(color, useSlider){   
	var id = document.getElementById("currentCCParentId").value;
	var obj = document.getElementById(id);
	 
	if(obj != null) {
	    var color = color.red + "," + color.green + "," + color.blue;
		obj.value = color;
		EsriUtils.setElementStyle(obj, "background-color:rgb(" + color + ");color:rgb(" + color + ")");
		jitkSymbologyRefreshPreview(obj);
	}
    
    if (!taskWindowManager) return;
  }

  function jitkSymbologyGetCSSPositionX(parent) {
	var offset = parent.x ? parseInt(parent.x) : 0;
	offset += parent.style.left ? parseInt(parent.style.left) : 0;
	for(var node=parent; node; node=node.offsetParent) {
		offset += node.offsetLeft;
	}
	return offset;
  }

  function jitkSymbologyGetCSSPositionY(parent) {
	var offset = parent.y ? parseInt(parent.y) : 0;
	offset += parent.style.top ? parseInt(parent.style.top) : 0;
	for(var node=parent; node; node=node.offsetParent) {
		offset += node.offsetTop;
	}
	return offset;
  }

  function jitkSymbologyRefreshPreviewImage(name, url) {
  	var image = document.getElementById(name);
    if(image != null) {
    	image.src = url;
		$("#"+name).ifixpng();
    }
  }
  
  function jitkSymbologyGetPointSymbolPreviewURLParams() {
    
	var markerType = document.getElementById('SelectionSymbologyTask_param_pointMarkerType');
	var markerWidth = document.getElementById('SelectionSymbologyTask_param_pointMarkerWidth');
	var markerAngle = document.getElementById('SelectionSymbologyTask_param_pointMarkerAngle');
	var markerColor = document.getElementById('SelectionSymbologyTask_param_pointMarkerColor');
	var markerOutlineColor = document.getElementById('SelectionSymbologyTask_param_pointMarkerOutlineColor');
    var markerTransparency = document.getElementById('SelectionSymbologyTask_param_pointMarkerTransparency');
    var markerAntialiasing = document.getElementById('SelectionSymbologyTask_param_pointMarkerAntialiasing');

    var url = '&markerType=' + markerType.options[markerType.selectedIndex].value;
    url += '&markerWidth=' + markerWidth.options[markerWidth.selectedIndex].value;
    url += '&markerAngle=' + markerAngle.value;
    url += '&markerColor=' + markerColor.value;
    url += '&markerOutlineColor=' + markerOutlineColor.value;
    url += '&markerTransparency=' + markerTransparency.options[markerTransparency.selectedIndex].value;
    url += '&markerAntialiasing=' + ((markerAntialiasing.checked)? 'true' : 'false');
   
   	return url;
  }
  
  function jitkSymbologyGetLineSymbolPreviewURLParams() {
    
    var lineType = document.getElementById('SelectionSymbologyTask_param_lineType');
    var lineWidth = document.getElementById('SelectionSymbologyTask_param_lineWidth');
    var lineTransparency = document.getElementById('SelectionSymbologyTask_param_lineTransparency');
    var lineColor = document.getElementById('SelectionSymbologyTask_param_lineColor');
    var lineCapType = document.getElementById('SelectionSymbologyTask_param_lineCapType');
    var lineJoinType = document.getElementById('SelectionSymbologyTask_param_lineJoinType');
    var lineAntialiasing = document.getElementById('SelectionSymbologyTask_param_lineAntialiasing'); 
 
    var url = '&lineType=' + lineType.options[lineType.selectedIndex].value;
    url += '&lineWidth=' + lineWidth.options[lineWidth.selectedIndex].value;
    url += '&lineTransparency=' + lineTransparency.options[lineTransparency.selectedIndex].value;
    url += '&lineColor=' + lineColor.value;
    url += '&lineCapType=' + lineCapType.options[lineCapType.selectedIndex].value;    
    url += '&lineJoinType=' + lineJoinType.options[lineJoinType.selectedIndex].value;    
    url += '&lineAntialiasing=' + ((lineAntialiasing.checked)? 'true' : 'false');
   
    return url;
  }
  
  function jitkSymbologyGetPolygonSymbolPreviewURLParams() {

    var polygonFillType = document.getElementById('SelectionSymbologyTask_param_polygonFillType');
    var polygonFillColor = document.getElementById('SelectionSymbologyTask_param_polygonFillColor');
    var polygonFillInterval = document.getElementById('SelectionSymbologyTask_param_polygonFillInterval'); 
    var polygonFillTransparency = document.getElementById('SelectionSymbologyTask_param_polygonFillTransparency');
    var polygonBoundaryType = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryType');
    var polygonBoundaryWidth = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryWidth');
    var polygonBoundaryColor = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryColor');
    var polygonBoundaryTransparency = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryTransparency');
    var polygonBoundaryCapType = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryCapType');
    var polygonBoundaryJoinType = document.getElementById('SelectionSymbologyTask_param_polygonBoundaryJoinType');
     
    var url = '&polygonFillType=' + polygonFillType.options[polygonFillType.selectedIndex].value;
    url += '&polygonFillColor=' + polygonFillColor.value;
    url += '&polygonFillInterval=' + polygonFillInterval.value; 
    url += '&polygonFillTransparency=' + polygonFillTransparency.options[polygonFillTransparency.selectedIndex].value;
    url += '&polygonBoundaryType=' + polygonBoundaryType.options[polygonBoundaryType.selectedIndex].value;
    url += '&polygonBoundaryWidth=' + polygonBoundaryWidth.options[polygonBoundaryWidth.selectedIndex].value;
    url += '&polygonBoundaryColor=' + polygonBoundaryColor.value;
    url += '&polygonBoundaryTransparency=' + polygonBoundaryTransparency.options[polygonBoundaryTransparency.selectedIndex].value;
    url += '&polygonBoundaryCapType=' + polygonBoundaryCapType.options[polygonBoundaryCapType.selectedIndex].value;    
    url += '&polygonBoundaryJoinType=' + polygonBoundaryJoinType.options[polygonBoundaryJoinType.selectedIndex].value; 
    
    return url;
  } 
        
function jitkSymbologyRefreshPreview(obj) {
	if(obj == null) {
    	jitkSymbologyRefreshPreviewImage('jitkSymbologyPointSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimpleMarkerSymbol' + jitkSymbologyGetPointSymbolPreviewURLParams());
    	jitkSymbologyRefreshPreviewImage('jitkSymbologyLineSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimpleLineSymbol' + jitkSymbologyGetLineSymbolPreviewURLParams());
    	jitkSymbologyRefreshPreviewImage('jitkSymbologyPolygonSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimplePolygonSymbol' + jitkSymbologyGetPolygonSymbolPreviewURLParams());
  	} 
  	else {
    	if(obj.name.toLowerCase().indexOf('point') != -1)
			jitkSymbologyRefreshPreviewImage('jitkSymbologyPointSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimpleMarkerSymbol' + jitkSymbologyGetPointSymbolPreviewURLParams());
  
    	else if(obj.name.toLowerCase().indexOf('line') != -1)
      		jitkSymbologyRefreshPreviewImage('jitkSymbologyLineSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimpleLineSymbol' + jitkSymbologyGetLineSymbolPreviewURLParams());
  
    	else if(obj.name.toLowerCase().indexOf('polygon') != -1)
      		jitkSymbologyRefreshPreviewImage('jitkSymbologyPolygonSymbolPreviewImage', 'symbologyPreviewServlet?symbolType=WebSimplePolygonSymbol' + jitkSymbologyGetPolygonSymbolPreviewURLParams());
  	}
}