zoukankan      html  css  js  c++  java
  • 在MapGuide 的Fusion Viewer的选择面板中显示超链接

    如果你的数据源中包含有超链接,在Ajax viewer中选中某个地物是,在选择面板中显示该要素的相关信息时是可以显示超链接的。但在Fusion Viewer中,这个特性不管用,超链接会以HTML代码的方式显示,很不好看:

    image

    解决的方法就是把HTML代码decode一下,修改 C:\Program Files\Autodesk\Autodesk Infrastructure Web Server Extension 2013\www\fusion\widgets\SelectionPanel.js 文件,在这个文件中搜索renderFeature,大概在384行附近,改为如下代码:

    htmlDecode:function(str){
    	var s = "";
    	if(str.length == 0) return "";
    	s =  str.replace(/>/g,   ">");
    	s =  s.replace(/&lt;/g,     "<");
    	s =  s.replace(/&nbsp;/g,   " ");
    	s =  s.replace(/'/g,        "\'");
    	s =  s.replace(/&quot;/g,   "\"");
    	s = s.replace(/<br>/g,      "\n");
    	return s;
    },
    
    renderFeature: function() {
    var layerIdx = this.layerList.selectedIndex;
    var featureIdx = this.featureList.selectedIndex;
    var layerObj = this.oSelection.getLayer(layerIdx);
    var nProperties = layerObj.getNumProperties();
    var aNames = layerObj.getPropertyNames();
    
    var table = document.createElement('table');
    
    var thead = document.createElement('thead');
    var tr = document.createElement('tr');
    var th = document.createElement('th');
    th.innerHTML = OpenLayers.i18n('attribute');
    tr.appendChild(th);
    var th = document.createElement('th');
    th.innerHTML = OpenLayers.i18n('value');
    tr.appendChild(th);
    thead.appendChild(tr);
    table.appendChild(thead);
    
    var tbody = document.createElement('tbody');
    table.appendChild(tbody);
    for (var i=0; i<nProperties; i++) {
    	var tr = document.createElement('tr');
    	if (i%2) {
    		tr.className = 'oddRow';
    	}
    	var th = document.createElement('th');
    	th.innerHTML = aNames[i];
    	var td = document.createElement('td');
    	td.innerHTML = this.htmlDecode(layerObj.getElementValue(featureIdx, i));
    			
    	tr.appendChild(th);
    	tr.appendChild(td);
    	tbody.appendChild(tr);
    }
    this.featureDiv.innerHTML = '';
    this.featureDiv.appendChild(table);
    }

    注意htmlDecode方法后面的逗号。最后为了改更改生效,还需要更改模版文件html中的javascript指向,比如对于Slate模版,更改C:\Program Files\Autodesk\Autodesk Infrastructure Web Server Extension 2013\www\fusion\templates\mapguide\slate\index.html。

    <script type="text/javascript" src="../../../lib/fusion.js"></script>

    如果你想调试,请参考这个博客。以上代码在Autodesk Infrastructure Map Server 2013测试通过,对于MapGuide OpenSource应该也适用。

    另外本文也已经发布到ADN DevBlog

  • 相关阅读:
    目前服务器所需要的技能
    c++11 初始化列表 bind function 示例
    c++11 时间相关操作练习
    C++ Crypto++ RSA加密资料收集
    多线程查找大量数据加锁的速度降低
    c++沉思录 学习笔记 第六章 句柄(引用计数指针雏形?)
    c++沉思录 学习笔记 第五章 代理类
    boost asio 一个聊天的基本框架
    c++11 并发 条件变量 超时等待的代码练习
    centos 6.5 hadoop 2.3 初配置
  • 原文地址:https://www.cnblogs.com/junqilian/p/2934520.html
Copyright © 2011-2022 走看看