`
lgtq1983
  • 浏览: 101194 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

JavaScript修改报表翻页

 
阅读更多
3、css控制报表上下翻页样式,将这段js代码放到表脚

<script type="text/javascript">
function changePageStyle()
{
    var container = document.getElementById('CVNavLinksRS');
    if (container == null)
    {
        container = document.getElementById('CVNavLinks_NS_');
    }
   
    if (container == null)
    {
          window.setTimeout(changePageStyle, 100);
          return;
    }

    var tables = container.getElementsByTagName("table");
    var pageTable = tables[0];
   

    if (pageTable == null)
    {
          window.setTimeout(changePageStyle, 100);
          return;
    }
    pageTable.parentNode.align="right";  

    var tdList= pageTable.getElementsByTagName("td");
    var styleArray = [
         ['first_false','first_true',''],
         ['previous_false','previous_true','上一页'],
         ['next_false','next_true','下一页'],
         ['last_false','last_true','']
    ];
    var styleIndex = 0;
    for (var index = 0; index < tdList.length; index++)
    {
        var oTd = tdList[index];
        if (index % 2 == 0)
        {
            oTd .innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;";
        }
        else
        {
            if (/&nbsp;/.test(oTd.innerHTML))
            {
                oTd.innerHTML = oTd.innerHTML.substring(0, oTd.innerHTML.length - 6);
            }
            var aList = oTd.getElementsByTagName("a");
            if (aList.length == 1)
            { 
                aList[0].innerHTML='<input type="button" style="color:#000000" value="' + styleArray[styleIndex][2] + '" class="' + styleArray[styleIndex][1] + '" />';
            }
            else
            {
                oTd.innerHTML = '<input type="button" style="color:#cccccc" value="' + styleArray[styleIndex][2] + '" class="' + styleArray[styleIndex][0] + '" />';
            }
            styleIndex++;
        }
     }
     pageTable.parentNode.style.backgroundColor="#E7E8EC";
     if (pageTable.style.setProperty)
     {
         pageTable.style.setProperty("visibility","visible", "important");
     }
     else
     {
         pageTable.style.visibility = "visible";
     }
}
window.setTimeout(changePageStyle, 10);
</script>
<script>
function aa()
{
  alert(111);
  //var divMenu = getCV().rvMainWnd.getContextMenu();

 
  window.oCVRS.rvMainWnd.getContextMenu().getGoToMenuItem().remove();
  alert(window.oCVRS.rvMainWnd.getContextMenu().getGoToMenuItem().getLabel() + ":" +window.oCVRS.rvMainWnd.getContextMenu().getGoToMenuItem().getAction());
}

</script>
分享到:
评论

相关推荐

    翻页展示JavaScript特效

    在"翻页展示"这个主题中,JavaScript被用来实现一种模拟纸质书籍翻页的动画效果,为用户提供更加直观和有趣的浏览体验。这种特效通常用于电子书、产品目录或任何需要多页面展示的网页应用中。 在实现翻页展示...

    纯JavaScript 实现3D翻页效果

    最后,为了使代码结构清晰,可以将JavaScript逻辑封装成一个类或模块,提供初始化、翻页、设置动画等方法。这样,不仅可以提高代码的可读性和可维护性,还可以方便地在其他项目中复用。 综上所述,实现纯JavaScript...

    javascript图片翻页

    在JavaScript中,我们可以动态改变元素的样式,如更改图片的`opacity`或`transform`属性,来实现翻页动画。 4. 用户体验优化:为了提高用户体验,需要考虑各种细节,如防止连续点击导致的多次翻页、图片加载优化、...

    odometer-0.4.6_javascript_数字翻页_

    《JavaScript数字翻页技术解析与实现》 在现代网页设计中,动态效果的运用能显著提升用户体验,其中数字翻页效果就是一种常见的视觉亮点。"odometer-0.4.6"是一个专为JavaScript设计的数字翻页库,它允许开发者在...

    javaScript导出EXCAL报表

    javaScript导出EXCAL报表javaScript导出EXCAL报表

    javascript拖拽翻页效果

    JavaScript拖拽翻页效果是一种流行的交互设计,它使得用户可以通过在网页上拖动内容来实现页面的滚动或切换,提供了一种更为直观和流畅的浏览体验。这种效果通常应用于长篇内容的展示,如电子书、画廊或者无限滚动的...

    Web报表工具FineReport中JavaScript的使用

    jQuery是一个快速的,简洁的JavaScript库,能让用户更方便地处理HTML documents、events,实现动画效果,方便地为网站提供AJAX交互,并且它兼容各种浏览器。因为FineReport报表解析后最终成为一个html页面,因此可以...

    javascript拖动翻页效果

    拖动翻页.html ,可以直接运行。javascript的效果 我感觉挺玄的,上传了,和大家分享下。呵呵

    JavaScript iphone翻页效果

    JavaScript iphone翻页效果

    javascript实现打印报表功能

    本文将深入探讨如何使用JavaScript实现打印报表功能,包括与Excel和Word的交互,帮助开发者从初级到高级逐步提升技能。 首先,我们要理解JavaScript在报表打印中的角色。在网页端,JavaScript可以用于控制页面元素...

    超酷javascript报表工具

    轻量级javascript报表工具: D3 NVD3 HightChart HightStock GO JS 地理报表(Google Map)

    利用javascript和jxl实现自定义报表的输出

    JavaScript作为客户端的主要编程语言,可以提供丰富的交互性,而JXL则是一个用于处理Excel文件的Java库,两者结合能够帮助我们创建动态的、用户定制的报表。 首先,我们需要了解JavaScript的基础知识。JavaScript是...

    jQuery(javascript ) 翻页效果

    JavaScript/jQuery代码**:主要工作在于编写jQuery代码来处理翻页逻辑。 ### 三、jQuery实现翻页效果的核心函数 **1. 数据加载**:在初始化时,根据页码加载第一页的数据。通常,这些数据可以来自服务器通过Ajax...

    几款javascript js 生成 统计图 统计报表

    下面将详细介绍一些常用的JavaScript库,以及如何利用它们来创建统计图和报表。 1. **ECharts** ECharts是由百度开发的一个开源的、轻量级的可视化库,支持丰富的图表类型,如折线图、柱状图、饼图、散点图等。它...

    非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总

    这个“非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总”主题涵盖了几个关键知识点,包括DOM操作、事件处理、Ajax异步通信以及数据验证。 首先,DOM(Document Object Model)是HTML和XML文档的一种结构化...

    超级翻页的选项卡(CSS+JAVAScript)

    本文将深入探讨“超级翻页的选项卡”这一设计,它结合了CSS(层叠样式表)和JavaScript的技术,为用户提供了一种交互性强、视觉效果出色的翻页体验。 首先,我们来理解CSS在选项卡设计中的作用。CSS是用于控制网页...

    前端实现图书翻页(支持正向和逆向翻页)效果(含代码和演示视频)

    JavaScript还可以实现语言切换功能,可能通过更改DOM元素的文本内容或者调用外部翻译API来达到这一目的。如果这个项目使用了Vue.js框架,那么这些逻辑可能被封装成组件,使得代码更加模块化和易于维护。 在压缩包中...

    简单的报表样式,类似库房报表

    简单的报表样式,类似库房报表,大家可以参考,确实样式不错。

    如何修改FineReport报表平台中数据决策系统登陆地址

    ### 如何修改FineReport报表平台中数据决策系统登录地址 #### 背景介绍 在使用FineReport报表平台搭建数据决策系统时,可能会遇到系统自动生成的登录地址过长的问题,例如:`...

    javaScript实现学生信息的增删改查,以及翻页

    在这个特定的项目中,"javaScript实现学生信息的增删改查,以及翻页",我们关注的是如何利用JavaScript来管理数据,并构建一个具有用户友好的界面。 首先,让我们深入了解增删改查(CRUD)操作。CRUD是创建(Create...

Global site tag (gtag.js) - Google Analytics