js制作的与后台语言无关的无刷新html分页控件（有事例）资源-CSDN文库

共39个文件

gif：22个

jpg：12个

xml：1个

4星 · 超过85%的资源需积分: 10 125 浏览量 2009-03-20 14:50:51 上传评论收藏 92KB RAR 举报

：“js制作的与后台语言无关的无刷新html分页控件（有事例）” 这个标题提及的是一个JavaScript实现的HTML分页控件，它的特点是与后端编程语言无关，这意味着无论你的服务器端使用PHP、Java、Python还是其他语言，这个分页组件都能在前端正常工作。无刷新功能意味着当用户翻页时，页面内容会动态更新而无需整个页面重新加载，提供了更好的用户体验。：“该控件存在严重BUG，请勿下载。（无法控制第一次加载控件的大小）” 描述中提到的严重BUG可能指的是分页控件在初次加载时无法正确设置其大小或布局，这可能导致显示问题或者用户体验下降。在网页设计中，控件的大小和位置通常是至关重要的，如果不能在初始加载时正确配置，可能会导致页面布局混乱，影响用户的浏览和操作。因此，对于开发者来说，这是一个需要解决的关键问题。：“js,html,分页,xml” 这里的标签揭示了这个分页控件涉及到的技术栈。JavaScript（js）是实现动态交互和无刷新分页的核心语言，它负责处理用户交互并更新页面内容。HTML则构成了页面的基本结构。"分页"标签表明讨论的是如何在大量数据中进行分块展示，以提高网页加载速度和用户导航效率。而“xml”可能是用于数据传输或者存储，XML（可扩展标记语言）常用于结构化数据的交换，特别是在前后端通信中，它可以作为数据格式将信息传递给JavaScript处理。【压缩包子文件的文件名称列表】：Sheets 由于文件名只给出了"Sheet"，我们可以猜测这可能包含了示例数据或者样式表。"Sheet"可能指的是数据表格，例如CSV或Excel格式，这些数据可能被用于演示分页控件如何处理和展示大量数据。另外，"Sheet"有时也可能是CSS样式表的代称，用于控制页面的样式和布局，这可能包含了分页控件的定制样式。综合上述信息，这个资源可能是一个包含JavaScript源代码、HTML模板、可能的数据示例以及CSS样式的分页组件包。然而，由于存在严重BUG，开发者应当谨慎对待，或者寻找其他更稳定的分页解决方案。修复这个BUG可能涉及调整JavaScript代码来确保分页控件在首次加载时能够正确计算和设置其尺寸，同时保持与各种后端语言的兼容性。

资源推荐

资源详情

资源评论

收起资源包目录

Sheets.rar （39个子文件）

Sheets

images

line.gif 66B

nolines_minus.gif 861B

globe.gif 1KB

imgfolder.gif 622B

back_12.jpg 56KB

folderopen.gif 376B

back_1.jpg 57KB

folder.gif 372B

m_bg.gif 44B

tabtu1.JPG 11KB

xiala.bmp 966B

tab2.JPG 1KB

head.JPG 879B

trash.gif 1KB

back2.jpg 917B

back_11.jpg 21KB

time.JPG 844B

minus.gif 86B

musicfolder.gif 633B

minusbottom.gif 85B

join.gif 69B

head2.JPG 817B

back3.JPG 2KB

plusbottom.gif 88B

plus.gif 89B

question.gif 1KB

cd.gif 239B

liulang.JPG 795B

page.gif 582B

back.jpg 51KB

base.gif 1KB

hnav_mid.gif 372B

empty.gif 62B

joinbottom.gif 66B

nolines_plus.gif 870B

workSheet.css 1KB

SheetList.js 20KB

Sheet.html 2KB

1.xml 2KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> .STYLE1 { background-color: #ffe0d0; font-weight: bold; background-image: url(images/hnav_mid.gif); color: #FFFFFF; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } </style> </head> <script type="text/javascript" src="SheetList.js"></script> <body> <table> <tr> <td> <input id="butt" name="butt" value="显示数据" type="button" onClick="test()" /> </td> </tr> <tr> <td> <script type="text/javascript"> test2=function(dddd,aaaaa) { alert(dddd); alert(aaaaa); } var wheetsheets =new Sheets("wheetsheets");//申明对象 wheetsheets.addColumn("德文","ConfigId","DESC" );//添加字段，并排序 wheetsheets.addColumn("惹","ConfigName","DESC");//添加字段，并排序 wheetsheets.addColumn("同仁堂","Type");//添加字段 wheetsheets.addColumn("一样","ConfigSuppliersId");//添加字段 wheetsheets.addContentdblClick("test2","ConfigId,ConfigName");//添加双击击事件 ConfigId,ConfigName 为xml有的字段 //wheetsheets.addContentClick("函数名","参数值用','分割");//添加单击事件 wheetsheets.addContentClick("test2","ConfigId,ConfigName");//添加单击事件 wheetsheets.addButton("test2","ConfigId,ConfigName","测试");//添加按钮 wheetsheets.addButton("test2","ConfigId,ConfigName","测试");//添加按钮 wheetsheets.setPagesize(7); wheetsheets.setXML("");//bug 无法自定义大小 wheetsheets.toHtml(); function test() { var xmlDoc=new ActiveXObject("Msxml2.DOMDocument.3.0"); 　　 xmlDoc.async=false; 　　 xmlDoc.load("1.xml"); wheetsheets.setXML(xmlDoc); wheetsheets.toHtml(); if(xmlDoc) { }else { alert("请使用正确格式的XML文件"); } } </script> </td> </tr> </table> </body> </html>

评论收藏

内容反馈