RS 动态排序功能实现,边学边练~~~嘿嘿!

前段时间同事说在考虑说做一个动态排序的功能,想着自己一起做J2EE的,经常做些排序的东西,感觉应该很简单,但是对于没有JS或者HTML学过的用RS实现可能还有点困难。注意这里的排序功能是和RS教材里面那个不一样的哈~~~~那我们就开始吧~~1. 先上一张做好的报表看看。报表展示区:...显示全部
前段时间同事说在考虑说做一个动态排序的功能,想着自
己一起做J2EE的,经常做些排序的东西,感觉应该很简单,但是对于没有JS或者HTML学过的用RS实现可能还有点困难。注意这里的排序功能是和RS教材里面那个不一样的哈~~~~
那我们就开始吧~~
1. 先上一张做好的报表看看。
报表展示区:

1.jpg


报表开发区:


2.制作方法。
2.1 先拖一个1x1的TABLE到设计区域

2.2 先拖一个LIST列表到TABLE内部,加入一些可排序的数据,数据可包含类型:字符,数字,金额(这里是带','的数字)日期等。如下图:

2.3 然后就开始隐藏不需要的表头。

2.4 ,解锁,然后删除剩余表头的字,改变一些样式


2.5 加入表头的HTML元素

2.6 加入排序的HTML(一段JS),一般加在页面的最后

2.7 测试,校验数据
PASS............哈哈哈。。。。

3.HTML元素讲解
3.1 表头的讲解


   
     
     bbbbbb
     cccccc
   

   

table必须要定义一次,主要是控制表的样式。其次必须定义一个ID,如id='asd'
td里面的除了定义样式外,还得有个链接调用JS. 调用JS的参数为sortTable(自定义表的ID,列的序号从0开始计算,列数据类型默认为字符型)。
3.2 JS的讲解
      




4. 讲解结束,请大家指教,有好的方法大家SHARE!在此谢谢ANDA的HELP,嘿嘿~~~~~收起
参与26

查看其它 25 个回答decdeng的回答

decdengdecdeng数据库开发工程师foxconn
不是可以直接引用排序,也可以实现动态排序的
软件开发 · 2014-08-31
浏览825
X社区推广
aaaaaaaa