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 = " ";
}
else
{
if (/ /.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...
在JavaScript中,我们可以动态改变元素的样式,如更改图片的`opacity`或`transform`属性,来实现翻页动画。 4. 用户体验优化:为了提高用户体验,需要考虑各种细节,如防止连续点击导致的多次翻页、图片加载优化、...
《JavaScript数字翻页技术解析与实现》 在现代网页设计中,动态效果的运用能显著提升用户体验,其中数字翻页效果就是一种常见的视觉亮点。"odometer-0.4.6"是一个专为JavaScript设计的数字翻页库,它允许开发者在...
javaScript导出EXCAL报表javaScript导出EXCAL报表
JavaScript拖拽翻页效果是一种流行的交互设计,它使得用户可以通过在网页上拖动内容来实现页面的滚动或切换,提供了一种更为直观和流畅的浏览体验。这种效果通常应用于长篇内容的展示,如电子书、画廊或者无限滚动的...
jQuery是一个快速的,简洁的JavaScript库,能让用户更方便地处理HTML documents、events,实现动画效果,方便地为网站提供AJAX交互,并且它兼容各种浏览器。因为FineReport报表解析后最终成为一个html页面,因此可以...
拖动翻页.html ,可以直接运行。javascript的效果 我感觉挺玄的,上传了,和大家分享下。呵呵
JavaScript iphone翻页效果
本文将深入探讨如何使用JavaScript实现打印报表功能,包括与Excel和Word的交互,帮助开发者从初级到高级逐步提升技能。 首先,我们要理解JavaScript在报表打印中的角色。在网页端,JavaScript可以用于控制页面元素...
轻量级javascript报表工具: D3 NVD3 HightChart HightStock GO JS 地理报表(Google Map)
JavaScript作为客户端的主要编程语言,可以提供丰富的交互性,而JXL则是一个用于处理Excel文件的Java库,两者结合能够帮助我们创建动态的、用户定制的报表。 首先,我们需要了解JavaScript的基础知识。JavaScript是...
JavaScript/jQuery代码**:主要工作在于编写jQuery代码来处理翻页逻辑。 ### 三、jQuery实现翻页效果的核心函数 **1. 数据加载**:在初始化时,根据页码加载第一页的数据。通常,这些数据可以来自服务器通过Ajax...
下面将详细介绍一些常用的JavaScript库,以及如何利用它们来创建统计图和报表。 1. **ECharts** ECharts是由百度开发的一个开源的、轻量级的可视化库,支持丰富的图表类型,如折线图、柱状图、饼图、散点图等。它...
这个“非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总”主题涵盖了几个关键知识点,包括DOM操作、事件处理、Ajax异步通信以及数据验证。 首先,DOM(Document Object Model)是HTML和XML文档的一种结构化...
本文将深入探讨“超级翻页的选项卡”这一设计,它结合了CSS(层叠样式表)和JavaScript的技术,为用户提供了一种交互性强、视觉效果出色的翻页体验。 首先,我们来理解CSS在选项卡设计中的作用。CSS是用于控制网页...
JavaScript还可以实现语言切换功能,可能通过更改DOM元素的文本内容或者调用外部翻译API来达到这一目的。如果这个项目使用了Vue.js框架,那么这些逻辑可能被封装成组件,使得代码更加模块化和易于维护。 在压缩包中...
简单的报表样式,类似库房报表,大家可以参考,确实样式不错。
### 如何修改FineReport报表平台中数据决策系统登录地址 #### 背景介绍 在使用FineReport报表平台搭建数据决策系统时,可能会遇到系统自动生成的登录地址过长的问题,例如:`...
在这个特定的项目中,"javaScript实现学生信息的增删改查,以及翻页",我们关注的是如何利用JavaScript来管理数据,并构建一个具有用户友好的界面。 首先,让我们深入了解增删改查(CRUD)操作。CRUD是创建(Create...