如何使用叙述视图or静态文本视图中添加js

Yeswecan

这两种视图的用途顾名思义，添加对报表的叙述信息，或者一些静态文本描述。但是同时也提供了安放一些增强页面效果的html&Js代码，这些可以在有这两种视图的报表或者仪表盘页面运行。

根据GJ之前的要求，要在鼠标放在表或者透视表字段名所在的表格时，浮现该字段的逻辑含义解释，大致效果是：

如图鼠标点在“产品偏好”处便给出该种来源类型的备注。。。

实现的大致过程就是先定位到单元格，再给该单元格添加title属性，属性内容即为描述信息：

<script language="javascript" src="res/jquery/jquery-1.3.2.min.js" src="res/jquery/jquery-1.3.2.min.js"></script>                  
<script type="text/javascript">                                                                             
$(document).ready(function(){
        $(".PortalBottomTable").remove();  
        $(".PortalBanner").remove();
        var array=["描述1","描述2","描述3"];
        var $pa=$(".PivotTable tr:eq(1) td");
var $pb=$(".PivotTable tr:eq(0)");
var len=$pb.children("td").length;
for(var j=0;j<len;j++){
var aaa=$pb.children("td").eq(j).text();
     if(aaa=="产品偏好")
$pb.children("td").eq(j).attr("title","在网销宝BP频道停留时间较长(1分钟左右)的客户");
else if ...
        ...
        ...

}
        var len=$pa.length;
        for(var j=1;j<=len;j++){        
                if(j%3==1){
                        $pa.eq(j).attr("title",array[0]);
               
                }else if (j%3==2){
                        $pa.eq(j).attr("title",array[1]);
                }else{
                        $pa.eq(j).attr("title",array[2]);
                }
        }
        $(".ResultsTable th:eq(0)").attr("title","销售组");                                 
        $(".ResultsTable th:eq(1)").attr("title","当月总leads数");                                 
          ...                                                                              
</script>

这里面用到jquery是为了方便定位需要显示备注的位置。

其实这样的代码可以添加到任何可以识别html的可编辑文本的地方，从某种意义上来说，还是比较有用的。我审美比较有限，这里“盗用”下这边UED设计的一个模板O(∩_∩)O~：

图片不太看得出来效果，实际上鼠标移过的表格是会闪一下的。。。

另外想ZX这两天过来问的，说怎么把图片放到仪表盘，其实除了通过仪表盘编辑页面的仪表盘对象“链接或图像”添加图片链接之外，就可以通过这种方式把<a href="..."><img src="..." width=... hight=...></a> 加到叙述或者静态文本中，这样也就正好能满足一次性将整个仪表盘内容下载的需求了：

值得注意的是，对于有多个表格的组合布局或者仪表盘在给字段名加备注时一定要注意找好相应的ID or CLASS....

另外，还有个方法可以添加备注的：

添加<HardenXSS>false</HardenXSS>到instanceconfig.xml中，然后编辑列格式，在列标题中输入<a title="备注">字段名</a>。

fcz1184583148

谢谢楼主……  {:soso_e179:}